@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.nocomponent .maincolumn {padding: 0; margin: 0;}



/* Listed Items
---------------------------------------*/
.cmse-items {
}

/*grid format*/
.cmse-items .cmse-grid .cmse-item {
	float: left;
	box-sizing: border-box;
	margin-bottom: 15px;
}

.cmse-items .cmse-grid .cmse-item .item-inner {padding: 5px;}

#cmse-grid.cmse-latest span.text {display: block;}
#cmse-grid.cmse-latest .leadwrap {
	clear: both; 
	float: none; 
	display: block;
	}

.cmse-items .post-image {margin-bottom: 10px;}

/* Use SVG vector graphic as icon
-------------------------------------*/
.svgicon {
	max-width: 32px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 !important;
	padding: 0 !important;
	line-height: normal !important;
}

.flex, .flexwrap, .flexbox {
	display: flex;
}
.flexwrap {
	flex-wrap: wrap;
}
.flex.middle-align, 
.flexwrap.middle-align {align-items: center;}

.cmse-section, .section {overflow: hidden;}
.displayblock {display: block;}


.cmse-section, .section, .block, .clearall {
	display: block !important; 
	clear: both !important; 
	float: none !important; 
	width: auto !important;
	max-width: none !important;
}
.control-group.clearall {margin: 0;}
.hline {
	border-top: 1px solid #dddddd;
	margin-top: 5px !important;
	margin-bottom: 5px !important;
	}

.section-1, .section-2, .section-3, 
.section-4, .section-5, .section-6, .section-7, 
.section-8, .section-9, .section-10 {margin-bottom: 20px;}

.sectionwrap .section .box-1180 {
	overflow: hidden;
	}




/* Columns*/
.cmse-section .cmse-col {
	box-sizing: border-box;
	float: left;
}
.cmse-section .col-inner {margin: 5px;}

.col3 .cmse-col {
	width: 33.3%;
}

.cmse-section.cmse-col-2 .cmse-col,
.cmse-section.cols2 .cmse-col, .cmse-col {width: 50%;}

.cmse-section.cmse-col-2.width-30-70 .cmse-col:first-child,
.cmse-section.col30-70 .cmse-col:first-child {width: 30%;}
.cmse-section.cmse-col-2.width-30-70 .cmse-col,
.cmse-section.col30-70 .cmse-col {width: 70%;}

@media (max-width: 800px) {
	.cmse-col {
		width: auto !important;
		float: none !important;
		margin: 0 !important;
		margin-bottom: 20px !important;
	}
}




.floatleft {float: left;}
.floatright {float: right;}
.clearright {clear: right;}
.clearleft {clear: left;}
.clearnone {clear: none;}
.inlineblock {display: inline-block;}
.display-block {display: block;}
.alignmiddle {vertical-align: middle;}
.valign-top {vertical-align: top;}
.center {text-align: center;}
.relative {position: relative;}

.boxsize, 
.cmse-grid {
	box-sizing: border-box; 
	float: left;
	}
.bold {font-weight: bold;}

.titlewrap h1,
.titlewrap h2,
.titlewrap h3,
.titlewrap h4,
.titlewrap h5,
.titlewrap h6 {
	margin: 0 !important; 
	padding: 0 !important; 
	line-height: normal !important;
	}


/* Format
-------------------------*/
.cmse-list {
	display: block;
	float: none;
	width: auto;
	border-bottom: 1px solid #dddddd;
	padding-bottom: 15px;
	margin-bottom: 20px;
}


/** Element Display Property
------------------------------*/
.table, .tbl {display: table; margin: 0; width: 100%;}
.tablerow, .table-row, .tr {display: table-row;}
.tablecell, .table-cell, .cell {
	display: table-cell; 
	border: 1px solid #eeeeee;
	padding: 4px;
	}


/* widths
----------------------*/
.width_10 {width: 10%;}
.width_15 {width: 15%;}
.width_20 {width: 20%;}
.width_25 {width: 25%;}
.width_30 {width: 30%;}
.width_33 {width: 33%;}
.width_35 {width: 35%;}
.width_40 {width: 40%;}
.width_45 {width: 45%;}
.width_50 {width: 50%;}
.width_55 {width: 55%;}
.width_60 {width: 60%;}
.width_65 {width: 65%;}
.width_70 {width: 70%;}
.width_75 {width: 75%;}
.width_80 {width: 80%;}
.width_85 {width: 85%;}
.width_90 {width: 90%;}
.width_100 {width: 100%;}

.maxwidth1180 {max-width: 1180px;}
.aligncenter {margin: auto;}


/*--margin--*/
.nomargin {margin: 0;}
.r-margin-5 {margin-right: 5px;}
.l-margin-5 {margin-left: 5px;}
.r-margin-10 {margin-right: 10px;}
.l-margin-10 {margin-left: 10px;}
.r-margin-15 {margin-right: 15px;}
.l-margin-15 {margin-left: 15px;}
.r-margin-20 {margin-right: 20px;}
.l-margin-20 {margin-left: 20px;}
.r-margin-25 {margin-right: 25px;}
.l-margin-25 {margin-left: 25px;}
.r-margin-30 {margin-right: 30px;}
.l-margin-30 {margin-left: 30px;}
.r-margin-35 {margin-right: 35px;}
.l-margin-35 {margin-left: 35px;}
.r-margin-40 {margin-right: 40px;}
.l-margin-40 {margin-left: 40px;}

.b-margin-5, .bottom-margin-5 {margin-bottom: 5px;}
.b-margin-10, .bottom-margin-10 {margin-bottom: 10px;}
.b-margin-20, .bottom-margin-20 {margin-bottom: 20px;}
.b-margin-30, .bottom-margin-30 {margin-bottom: 30px;}
.b-margin-40, .bottom-margin-40 {margin-bottom: 40px;}
.b-margin-50, .bottom-margin-50 {margin-bottom: 50px;}

.t-margin-10, .top-margin-10 {margin-top: 10px;}
.t-margin-20, .top-margin-20 {margin-top: 20px;}
.top-margin-50 {margin-top: 50px;}
.top-margin-60 {margin-top: 60px;}
.vmargin-20 {margin-bottom: 20px; margin-top: 20px;}

.margintop-10 {margin-top: 10px;}
.margintop-20 {margin-top: 20px;}
.margintop-40 {margin-top: 40px;}

.marginbottom-10 {margin-bottom: 10px;}
.marginbottom-20 {margin-bottom: 20px;}
.marginbottom-25 {margin-bottom: 25px;}
.marginbottom-30 {margin-bottom: 30px;}
.marginbottom-40 {margin-bottom: 40px;}
.marginbottom-50 {margin-bottom: 50px;}
.marginbottom-60 {margin-bottom: 60px;}
.marginbottom-70 {margin-bottom: 70px;}
.marginbottom-80 {margin-bottom: 80px;}
.marginleft-10 {margin-left: 10px;}

.pad-5 {padding: 5px;}
.pad-10 {padding: 10px;}
.pad-20 {padding: 20px;}
.pad-30 {padding: 30px;}
.pad-40 {padding: 40px;}
.pad-50 {padding: 50px;}

.padleft-5 {padding-left: 5px;}
.padleft-10 {padding-left: 10px;}
.padleft-20 {padding-left: 20px;}
.padleft-25 {padding-left: 25px;}
.padleft-30 {padding-left: 30px;}
.padleft-40 {padding-left: 40px;}
.padleft-50 {padding-left: 50px;}

.padright-5 {padding-right: 5px;}
.padright-10 {padding-right: 10px;}
.padright-20 {padding-right: 20px;}
.padright-25 {padding-right: 25px;}
.padright-30 {padding-right: 30px;}
.padright-40 {padding-right: 40px;}
.padright-50 {padding-right: 50px;}

.padtop-5 {padding-top: 5px;}
.padtop-10 {padding-top: 10px;}
.padtop-15 {padding-top: 15px;}
.padtop-20 {padding-top: 20px;}
.padtop-30 {padding-top: 30px;}
.padtop-40 {padding-top: 40px;}
.padtop-50 {padding-top: 50px;}

.padbottom-5 {padding-bottom: 5px;}
.padbottom-10 {padding-bottom: 10px;}
.padbottom-15 {padding-bottom: 15px;}
.padbottom-20 {padding-bottom: 20px;}
.padbottom-30 {padding-bottom: 30px;}
.padbottom-40 {padding-bottom: 40px;}
.padbottom-50 {padding-bottom: 50px;}

.round-5, .roundimg-5 img {border-radius: 5px;}
.round-10, .roundimg-10 img {border-radius: 10px;}
.round-15, .roundimg-15 img {border-radius: 15px;}
.round-50, .roundimg-50 img {border-radius: 50%;}
.round-100, .roundimg-100 img {border-radius: 100%;}


.marginleft-20 {margin-left: 20px;}
.marginleft-30 {margin-left: 30px;}

.smalltext, 
.smalltext li, 
.smalltext a {font-size: 11px !important;}
.smalltext1 {font-size: 12px;}

.fixedfoot {
	position: fixed; 
	left: 0; 
	right: 0; 
	bottom: 0;
	margin: 0;
	z-index: 1000;
	}
.fixedfoot p {margin: 0; padding: 0;}


/* Tabular Format*/
.chart ul, ul.chart {
	padding: 0 !important;
	margin: 0 !important;
	margin-bottom: 10px !important;
	list-style: none !important;
}
.chart > ul li, ul.chart li {
	padding: 5px 8px;
	margin: 0 !important;
	background: #eeeeee;
	font-size: 13px;
	line-height: normal;
	font-family: arial;
}
.chart > ul li:nth-child(odd), ul.chart li:nth-child(odd) {
	background: #fefefe;
}
.chart > ul li:first-child, ul.chart li:first-child {font-size: 18px;}
table.chart {width: 100%;}


/* Listed Items Title
---------------------------*/
.item-title {
	font-size: 16px;
}



/* Joomla Content
-------------------------*/
.item-author span {
	display: inline-block;
	vertical-align: middle;
}
.item-author .authorname {font-size: 12px;}
.item-author .authorphoto {
	width: 32px;
	height: 32px;
	overflow: hidden;
	border-radius: 100%;
}



/* JOOMLA MENU MODULE
---------------------------*/
.hmenu ul.menu li {display: inline-block;}



/*definition list format*/
.dlformat {
	margin-top: 20px; 
	margin-bottom: 20px;
	overflow: hidden;
	}
.dlformat ul {padding: 0; margin: 0;}
.dlformat ul li {
	list-style: none;
	line-height: 1.5em;
}
.dlformat ul li ul {
	padding-left: 25px;

}
.dlformat ul li ul li {
	list-style: circle;
}



.fundfields input[type="radio"], .fundfields input[type="checkbox"] {
	display: none;
}
.fundfields .radio-group label.btn {
	min-width: 80px;
}
.fundfields small {
	display: block;
	font-weight: 100;
}

.fundfields #filefield img {
	max-width: 400px;
	display: block;
}






/** Frontend Donation Form
---------------------*/
.donation-form {line-height: normal;}
.donation-form input {
	width: 95%;
	font-weight: 700;
	font-size: 22px;
	padding-top: 8px;
	padding-bottom: 8px;
	}
.donation-form button {
	padding: 15px;
	font-family: BebasNeueRegular;
	font-size: 32px;
	font-weight: 100;
	text-shadow: none;
	background: #9eb76f;
}
.donation-form .dollarfield {margin-bottom: 10px;}
.donation-form .dollarfield span {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}
.donation-form .dollarfield input {
	margin: 0;
	border-radius: 0 4px 4px 0;
	}
.donation-form .dollarfield span:first-child {
	background: #eeeeee;
	padding: 0px 5px;
	border-radius: 4px 0 0 4px;
	width: auto;
}

.totaldonated {
	font-weight: 900;
	font-size: 24px;
	display: block;
	background: #e4edd3;
	padding: 15px;
	border-radius: 4px 4px 0 0;
	text-align: center;
}
.goalamount {
	background: #c9dda1;
	padding: 4px 15px;
	border-radius: 0 0 4px 4px;
	position: relative;
	height: 24px;
	text-align: center;
}
.goalamount .val {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	display: block;
	padding: 4px 15px;
}
.goalamount .progress-bar {
	background: #9dbc60;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	border-radius: 0 0 4px 4px;
}

.donordetail {
	margin-top: 20px;
}
.donordetail dl {
	padding: 0;
	margin: 0;
	display: block;
	width: auto;
	border: 0;
	display: flex;
	background: #eef4e1;
	font-size: 13px;
}
.donordetail dl:nth-child(odd) {
	background: #e9f2d5;
	}
.donordetail dl dt, .donordetail dl dd {
	padding: 5px 10px;
	margin: 0;
	display: block;
	width: 100%;
}
.donordetail dl dd {
	text-align: right;
	width: 100px;
	padding-left: 0;
	border-left: 1px solid #ffffff;
}
.donordetail dl.donor-hilite {
	background: #ffad5b;
}
.donordetail dl.donor-hilite a {
	font-weight: 900;
	color: #111111;
}
.donordetail dl.donor-hilite a::after {
	font-family: "Font Awesome 5 Free";
	content: "\f35d";
	margin-left: 7px;
}



.netlinks a[title*="site"] {
	display: inline-block;
	padding: 1px 8px;
	background: #eeeeee;
	border-radius: 4px;
	font-size: 12px;
	vertical-align: top;
}
.netlinks i {font-size: 24px;}

.addlist-head {margin-bottom: 30px;}

.cmselib .form-inline .control-group {
	display: inline-block;
}
.cmselib .form-inline ul li {
	display: inline-block;
}
.cmselib .form-inline ul li a {
	display: block;
	border: 1px solid #dddddd;
	border-radius: 3px;
	margin-right: 2px;
	padding: 2px 8px;
	font-size: 13px;
}
.cmselib .form-inline ul li span[class*="icon-"] {display: none;}

.input-50 {width: 50px;}
.input-100 {width: 100px;}
.input-150 {width: 150px;}
.input-200 {width: 200px;}


/*Tool Tips*/
.tool-tip {}
.tool-title {}
.tool-text {}


/* Font Icons*/
.showbullet li::before, .bullet-check li::before {
	font-family: "Font Awesome 5 Free";
	content: "\f560";
	display: inline-block;
	margin: 0 8px 0 1px;
	color: #aaaaaa;
	font-weight: 900;
	}
.showbullet li, .bullet-check li {
	margin-bottom: 8px;  
	overflow: hidden;
	list-style: none;
	}
	
	
.articletext div.plug {
	padding: 20px;
	background: #ffd7b7;
	margin-top: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	clear: both;
}


/* J2STORE
--------------------------------*/
.com_j2store .freeship {
	display: block;
	color: green;
}

.j2store-addtocart-form .options {
	line-height: normal;
}
.j2store-addtocart-form .options .option h5 small {
	display: block;
}

/*radio option*/
.j2store-addtocart-form .options .radiobtn {
	margin-bottom: 10px;
	font-family: Verdana, Arial, sans-serif;
}
.j2store-addtocart-form .options .btn-group.radio label.btn {
	border-radius: 3px;
	padding: 5px 10px;
	margin: 2px;
}
.option.radiobtn label.btn:not(.btn-success) {
	background: #dce2d0;
}

.j2store-addtocart-form .options .option.radiobtn label div {
	width: auto;
	background: #eff6ff;
	border-radius: 2px;
}
.j2store-addtocart-form .options .option.radiobtn label span input {
	margin: 0;
	line-height: normal;
	display: none;
}

.j2store-addtocart-form .options .option.radiobtn label spa {
	display: inline-block;
	vertical-align: middle;
	padding: 4px;
}
.j2store-addtocart-form .options .option.radiobtn labe spa:first-child {
	background: #c7e0fc;
	border-radius: 2px 0 0 2px;
}

.j2store-addtocart-form .options .option.radiobtn label .optimg {
	overflow: hidden;
	width: 80px;
	max-height: 80px;
}


/* Variable options*/
.option.radiobtn.tbl {display: table;}
.option.radiobtn.tbl .tr {display: table-row;}
.option.radiobtn.tbl .cell {
	display: table-cell;
	border: 1px solid #dddddd;
	padding: 5px;
	vertical-align: middle;
	font-size: 12px;
	}

.option.radiobtn.tbl label {
	min-width: 150px;
}

.task-view table.chart {
	font-size: 13px;
	font-family: arial;
}






/* A U D I O  P L A Y E R
----------------------------*/
.cmse-audio.footplayer {
	position: fixed;
	z-index: 1000;
	bottom: 0px;
	left: 0px;
	right: 0px;
}



/* Cart Items Module
--------------------------*/
.cmsecart .bx {
	border: 0;
	vertical-align: top;
	display: inline;
}
.cmsecart .amt {
	white-space: nowrap;
	margin-right: 5px;
}
.cmsecart .fl {display: flex;}
.cmsecart .itemname {width: 100%;}

.cmsecart .itemimg .mask {
	padding-right: 5px;
    width: 50px;
	height: 50px;
	overflow: hidden;
	display: block;
}
.cmsecart .itemimg img {
	display: block;
	padding: 0;
	margin: 0;
}

.cmsecart .cartitems ul,
.cmsecart .cartitems ul li {
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: normal;
}

.cmsecart a,
.cmsecart .cartinfo,
.cmsecart .cartitems ul li,
.cmsecart .cartitems ul li a {
	font-size: 12px;
	line-height: normal;
	padding: 0;
}
.cmsecart .cartitems a.btn {
	padding: 4px;
}





/*mini cart
-------------------------*/
.cmse-mincart {
	position: relative;
	max-width: 320px;
	}
.cmse-mincart .cartinfo {
	cursor: pointer;
}
.cmse-mincart .cartinfo::before {
	font-family: "Font Awesome 5 Free";
	content: "\f07a";
	font-weight: 900;
	color: #ffe900;
	margin-right: 5px;
}

.cmse-mincart .cartitems {
	background: #ff6100;
	line-height: normal !important;
    display: none;
    padding: 0;
    position: absolute;
	right: 0;
    z-index: 1000;
}

.cmse-mincart .cartitems ul li {
	padding: 2px 5px;
	float: none;
	line-height: normal;
}
.cmse-mincart .cartitems ul li:nth-child(odd) {
	background: #e25300;
}
.cmse-mincart .itemname {min-width: 180px;}
.cmse-mincart li span.bx a {color: #ffffff;}
.cmse-mincart .cartbtn {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	}
.cmse-mincart .cartbtn a.btn {
	background: #eeeeee;
	border: none;
	color: #111111;
	padding: 4px;
	line-height: normal;
	font-size: 12px;
}
.cmse-mincart .btn:hover {background: #dddddd;}


/*Sidelist*/
.cmsecart.sidelist ul li {
	padding: 4px 10px;
	background: #eeeeee;
}
.sidelist ul li:nth-child(odd) {
	background: #dddddd;
}
.sidelist .totals {
	background: #bcd6e2;
	padding: 5px 10px;
	margin-bottom: 10px;
}



/* CMSE POST EMOJI
---------------------------*/
div.vot_updown2 {
	text-align:center; 
	display: block; 
	float: none; 
	clear: both;
	}
span.vup, span.vdn {
	display: inline-block; 
	vertical-align: top;
	background: #a2f862;
	padding: 4px;
	font-size: 14px;
	font-weight: 100;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	min-width: 80px;
	cursor: pointer;
	border-radius: 3px 0 0 3px;
	}
span.vdn {background: #df6c6c; border-radius: 0 3px 3px 0;}

div.reactions span.vup,
div.reactions span.vdn {
	background: none;
	}
div.reactions .val {display: block;}



/*List Item Boxed*/
.itemboxed .cmse-inner {
	background: #eeeeee;
	padding: 10px;
}

.itemboxed.blue .cmse-inner {
	background: #eaf8ff;
}





/* User Social Post
----------------------*/
.cmseuserpost {
	background: #efefef;
	padding: 15px;
	margin-bottom: 15px;
	}
.cmseuserpost .fieldset {padding-right: 10px;}
.cmseuserpost textarea {
	display: block;
	width: 100%;
}
.cmseuserpost .infield {
	float: left;
	box-sizing: border-box;
	width: 50%;
}
@media (min-width: 300px) and (max-width: 800px) {
	.cmseuserpost .infield {display: block; float: none; width: auto;}
}
.infield input {
	display: block; 
	width: 100%;
	margin-bottom: 0;
	}
.cmseuserpost small {
	font-size: 12px;
	color: #333333;
	display: block;
}
.cmseuserpost input[type="submit"] {
	display: block;
	width: 100%;
	background-image: none;
	background: #3c7ec1;
	color: #ffffff;
	margin-top: 8px;
}

#cmse-getimage.btn {
	background: #ff6100; 
	color: #ffffff;
	}

.usermsg span {
	display: inline-block;
	vertical-align: middle;
	margin-right: 6px;
	}
.usermsg .userimg {
	width: 32px;
	height: 32px;
	overflow: hidden;
}

	
/*User Login Module*/
.modal .modal-content {
	color: #111111;
}
.closewin {overflow: hidden;}
.closewin button {
	float: right;
}


#member-profile .profileimg {
	width: 100px; 
	height: 100px;
}


/*CMSE220 Template
---------------------------------*/
/* User Sections*/
.cmse220 #member-registration fieldset small,
.cmse220 #user-registration fieldset small,
.cmse220 #member-profile fieldset small,
.cmse220 #member-profile span.optional {display: none !important;}
.cmse220.view-login .login + div ul.nav li {
	display: inline-block;
	font-size: 12px;
	}
	
/*---[ Full width span ]---*/
.headwrap.fullwidth .head-inner,
.topcontent .m1.fullwidth .m2,
.topcontent .m1.fullwidth .m3,
.bottomwrap .m1.fullwidth .m3,
.bottomwrap .m1.fullwidth .m2,
body.fullwidth .mainwrap-inner {
	width: auto;
	max-width: none;
	padding: 0;
	margin: 0;
}

.fullwidth.fullimg img {
	width: 100%;
	max-width: none;
}

.fullwidth .m3 {
	padding-left: 0; 
	padding-right: 0;
	margin-left: 0 !important;
	margin-right: 0 !important;
	}
.topcontent .fullwidth .m3 {
	margin: 0;
}

.padinwrap-30 .inwrap,
.padm3-30 .m3 {
	padding-top: 30px;
	padding-bottom: 30px;
}

@media (max-width : 1280px) {
	.fullwidth .m3 {
	padding-left: 0; 
	padding-right: 0;
	margin-left: 0 !important;
	margin-right: 0 !important;
	}
}

@media all and (min-width: 320px) and (max-width: 1190px) {
	.fullwidth .m3 {
	padding-left: 0; 
	padding-right: 0;
	margin-left: 0 !important;
	margin-right: 0 !important;
	}
}


/* Comments
--------------------*/
.comment-box .p2 {
	display: inline-block; 
	vertical-align: top;
	}
.comment-avatar {
	margin-right: 10px !important;
}
.comment-avatar .amask, .comment-avatar img {
	border-radius: 100%;
	padding: 0;
	display: block;
	}
.comment-avatar .amask {
	border: 1px solid #dddddd;
	width: 32px;
	height: 32px;
	overflow: hidden;
}

.comment-tools {
	clear: both;
	float: none;
	font-size: 12px;
	padding-top: 5px;
}
.comments-buttons a {
	display: inline-block;
	margin-right: 15px;
}
.comments-buttons a:last-child {margin-right: 0;}

.comments-list.reply-sub .comment-avatar .amask {
	width: 32px; 
	height: 32px;
	}
.comments-list.reply-sub .comments-list.reply-sub {margin: 0 !important;}




/* ADMIN
-------------------------------------------------*/
/*admin area using websitedons template*/
.wdtpl #attribute_options_table td, 
.wdtpl #attribute_options_table th {width: 100%;}

.wdtpl #attribute_options_table td .btn {
	border-radius: 0;
	padding: 2px 4px;;
	line-height: normal;
	font-size: 12px;
	min-width: 40px;
}
.wdtpl #attribute_options_table td .btn-success,
.wdtpl #attribute_options_table td .btn-danger {
	color: #ffffff;
}
.wdtpl .optionRemove.icon-delete::before {
	background: #932020;
	color: #ffffff;
	border-radius: 2px;
	font-weight: 100 !important;
	padding: 4px;
}

img.successimg {
	width: 40px !important; 
	height: auto; 
	max-width: none !important; 
	max-height: none !important;
	}


	

@media (min-width: 300px) and (max-width: 880px) {
	#donatebox #sticky-wrapper, 
	#donatebox #sticky-wrapper .stickhead {
		position: static !important;
		width: auto !important;
		height: auto !important;
		}
	.cmse-section.col-wrap .cmse-col {
		float: none;
		width: auto;
		margin: 0;
		margin-bottom: 20px;
	}
}











/* TO MERGE */
/*CMSE primary framework CSS*/


.cmsebtn {
	display: inline-block;
	padding: 5px 15px;
	vertical-align: top;
	border-radius: 3px;
}

.post-adinsert {
	margin: 20px 0;
}
.post-adinsert small {
	display: block;
	color: #aaaaaa;
	font-size: 12px;
	text-align: center;
}




/* List Styles
--------------------------*/
.liststyle-check ul {
	padding: 0 !important;
	}
.liststyle-check ul li {
	list-style: none !important;
}
.liststyle-check ul li::before {
	content: '\f046';
	margin-right: 10px;
}

ul.useicon li {
	list-style: none !important;
	display: flex;
}
ul.useicon li::before {
	font-family: "IcoMoon";
	margin-right: 15px;
}
ul.useicon li::after {
	font-family: "IcoMoon";
	margin-left: 15px;
}

i[class^="icon"] {
	margin-right: 15px;
	background-image: none;
	height: auto;
	width: auto;
	}
i[class^="icon"]::before {vertical-align: middle;}

ul.useicon.arrow-right li::before {
	content: "\e006";
}

ul.useicon.check-mark li::before {
	content: "\ea10";
}

ul.noli, ol.noli, .noli li {
	list-style: none;
	margin: 0;
	padding: 0;
	}

.item-image img, .introimage img {
	display: block; 
	clear: both; 
	float: none; 
	width: 100%; 
	margin: auto; 
	padding: 0; 
	border: 0;
	}

/*--vertical padding--*/
.vpad-10 {padding-top: 10px; padding-bottom: 10px;}





/* big wrappers
-----------------------*/
.width1180 {max-width: 1180px; margin: auto;}


.radius-4 {border-radius: 4px;}

/* Background Color
------------------------*/
.bg-black {background: #111111; color: #ffffff;}
.bg-black a {color: #bce4f4;}

.bg-red {background: #d13e3e; color: #ffffff;}
.bg-red a {color: #ffffff;}
.bg-red .m2, 
.bg-red .m3 .cmse-latest .item .item-inner {background: #b73737; color: #ffffff;}
.bg-red .m3 .cmse-latest .item .item-inner {
	margin: 4px;
	padding: 8px !important;
}
.bg-red .m3 .cmse-latest .item .post-image {
	border: none !important; 
	background: #D13E3E;
	}

.bg-green {background: #678F2F; color: #e7f7cf;}
.bg-green a {color: #eff99f;}
.bg-green .itemmeta {color: #ffffff;}
.bg-green .m2, .bg-green .page-header, .bg-green .module-title {
	background: #5a7c27 !important; 
	color: #e7f7cf !important;
	}

.bg-white {background: #ffffff; color: #111111;}
.bg-white a {color: #1d65b8;}

.bg-gray {background: #efefef; color: #111111;}
.bg-gray a {color: #1d65b8;}

.bg-blue {background: #005B96; color: #ffffff;}
.bg-blue a {color: #dbf1ff;}
.bg-blue .itemmeta {color: #d9eefc;}
.head-blue h2, .head-blue h3,
.bg-blue .m2 {background: #004875 !important; padding: 5px 20px;}


.bg-yellow {background: #f4edc6; color: #222222;}
.bg-yellow a {color: #222222;}
.bg-yellow .itemmeta {color: #ffffff;}
.bg-yellow .m2, 
.bg-yellow .page-header, 
.bg-yellow .module-title {
	background: #e0cd70 !important; 
	color: #99820f !important;
	}

.trans-bg-white {
	background-color: rgba(255,255,255,0.9);
	color: #111111;
}
.trans-bg-black {
	background-color: rgba(0,0,0,0.9);
	color: #ffffff;
}

/* Text Color
-------------------------*/
.text-yellow {color: #ffcc00;}
.text-red {color: #ff0000;}
.text-white {color: #ffffff;}
.text-black {color: #111111;}

/* Text effects
--------------------*/
.textshadow-1 {
	text-shadow: 1px 1px 1px #111111;
}
.textshadow-2 {
	text-shadow: 1px 1px 1px #eeeeee;
}

/* font size
------------------------*/
.textsize-13 {font-size: 13px;}
.textsize-15 {font-size: 15px;}
.textsize-16 {font-size: 16px;}
.textsize-18 {font-size: 18px;}
.textsize-20 {font-size: 20px;}
.textsize-22 {font-size: 22px;}
.textsize-24 {font-size: 24px;}
.textsize-26 {font-size: 26px;}
.textsize-28 {font-size: 28px;}
.textsize-30 {font-size: 30px;}
.textsize-32 {font-size: 32px;}
.textsize-34 {font-size: 34px;}
.textsize-36 {font-size: 36px;}
.textsize-38 {font-size: 38px;}
.textsize-40 {font-size: 40px;}

*[class*="xltext-"]{line-height: normal;}
.xltext-2vw {font-size: 2vw;}
.xltext-4vw {font-size: 4vw;}
.xltext-6vw {font-size: 5vw;}
.xltext-8vw {font-size: 8vw;}
.xltext-10vw {font-size: 10vw;}
.xltext-12vw {font-size: 12vw;}
.xltext-14vw {font-size: 14vw;}
.xltext-16vw {font-size: 16vw;}
.xltext-18vw {font-size: 18vw;}
.xltext-20vw {font-size: 20vw;}

/* font family
--------------------*/
.blocktext-1 {font-family: BebasNeueRegular;}
.font-alfa {
	font-family: "Alfa Slab One";
	font-weight: 100;
}


/* Columns
----------------------*/
.ncolumn-2 {
	-webkit-columns: 200px 2;
	-moz-columns: 200px 2;
	columns: 200px 2;
}


/* Alignment
----------------------*/
.alignright, .textright {text-align: right;}
.alignleft {text-align: left;}

.inlineblock {display: inline-block;}

.rightalign > div, .rightalign > span {
	display: block;
	float: right;
	clear: both;
}

/* positioning
-----------------------*/
.sectionwrap {position: relative;}
.trans-whitebg-layer,
.trans-blackbg-layer {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0;
	top: 0;
	text-align: center;
}
.trans-whitebg-layer .inner,
.trans-blackbg-layer .inner {
	background: rgba(255, 255, 255, 0.7);
	color: #111111;
	font-family: BebasNeueRegular;
	font-size: 4vw;
	padding: 20px;
	line-height: normal;
	display: inline-block;
	margin-top: 10%;
	width: 90%;
	border-radius: 8px;
	box-shadow: 0px 0px 30px 8px rgba(0,0,0,0.44);
}
.trans-blackbg-layer .inner {
	background: rgba(0, 0, 0, 0.7);
	color: #ffffff;
}

.framed-text-white {
	border: 4px solid #ffffff;
	padding: 20px;
	text-align: center;
	display: inline-block;
	margin: auto;
	color: #ffffff;
	line-height: normal;
}


/* Floating Position Layers*/
.layer {
	position: absolute;
	z-index: 2;
}
.layerleft, .layerright, .layerleft-bottom, .layerright-bottom, .layer-center {
	
}
.layerleft {top: 20%; left: 40px;}
.layerright {top: 20px; right: 20px;}
.layerleft-top {left: 20px; top: 20%;}

.layerleft-bottom {left: 20px; bottom: 20px;}
.layerright-bottom {right: 20px; bottom: 20px;}
.layer-center {
	display: block;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	text-align: center;
}

/* Text Layer
----------------------------*/
.textlayer-light, .textlayer-dark {
	border: 4px solid #ffffff; 
	font-family: BebasNeueRegular;  
	color: #ffffff; 
	text-shadow: 2px 2px 0 #111111;
	padding: 20px;
}
.textlayer-dark {
	border-color: #111111;
	color: #111111;
	text-shadow: 2px 2px 0 #ffffff;
}

.absmiddle {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 40%;
	transform: translate(-30%, -50%);
}


/* wrapper width
----------------------*/
.box-1180 {
	max-width: 1180px;
	margin: auto;
}

.cover img {
	width: 100%;
	display: block;
	float: none;
}


/* Blockquote
---------------------*/
.quoted, .quoted .text {
	font-family: georgia;
	font-style: italic;
	font-size: 120%;
}
.quoted .text::before {
	font-family: "Font Awesome 5 Free";
	content: "\f10d";
	font-weight: 900;
	margin-right: 10px;
	opacity: 0.5;
}


.video-title-format {
	background: #dddddd;
	padding: 8px;
	margin-bottom: 20px;
	overflow: hidden;
	}
	


/* Text Layer
----------------------------*/
.textlayer-light, .textlayer-dark {
	border: 5px solid #ffffff; 
	font-family: BebasNeueRegular; 
	font-size: 32px; 
	max-width: 300px; 
	color: #111111; 
	text-shadow: 2px 2px 0 #ffffff;
	padding: 20px;
	text-align: center;
	background: rgba(255,255,255, 0.7);
}
.textlayer-dark {
	border-color: #111111;
	color: #ffffff;
	text-shadow: 2px 2px 0 #111111;
	background: rgba(0,0,0, 0.7);
}

/* table chart format
-----------------------------*/
.chart, .chart td, .chart th {
	border: 1px solid #eeeeee;
}
.chart td, .chart th {padding: 5px;}
.chart caption {font-size: 22px; padding: 5px;}



/*---[ Font Awesome Icons ]-----*/
.phone::before, .address::before, 
.video::before, .audio::before, 
.photogallery::before, .fieldlist a[rel^="nofoll"]::before,
.slidetab.isup::before, .slidetab.isdown::before,
.feature-marker::before {
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
	margin-right: 10px;
	}
.phone::before {content: "\f098";}
.address::before {content: "\f041";}
.video::before {content: "\f16a";}
.audio::before {content: "\f025";}
.photogallery::before {content: "\f030";}
.fieldlist a[rel^="nofoll"]::before {content: "\f14c";}

.address {font-weight: 900; font-size: 16px;}

.cmse-imagemask, .imgmask {
	overflow: hidden;
	display: block;
}

.fieldlist {
	background: #ffffff;
	color: #111111;
	overflow: hidden; 
	font-size: 12px;
	text-align: left;
	}
.fieldlist table {width: 100%;}
.fieldlist td {
	margin: 0; 
	padding: 0; 
	border: 1px solid #dddddd; 
	padding: 5px; 
	width: 70%;
}
.fieldlist td.caption {width: 30%; background: #eeeeee;}
.fieldlist tr.nocaption td {
	background: #FCF8E3; 
	text-align: center; 
	width: 100%; 
	}
	
.itemmeta {
	font-size: 12px; 
	color: #888888;
	}
.itemmeta span, .itemmeta div {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
	
/*---image grow---*/
.imagegrow .item-image {
	position: relative; 
	margin-bottom: 10px;
	padding: 0 !important;
	}
.imagegrow .item-image img { 
	width: 100%; 
	height: auto;
	max-width: none;
	z-index: 10;
	}


/*Social share buttons*/
ul.rrssb-buttons {
	margin: 0 !important;
	padding: 0 !important;
	}


/* Joomla Content
-----------------------*/
.cat-subtitle {display: block;}

.cmsegrid .postitem, 
.cmseleadgrid .leaditem {
	padding: 8px;
	margin-bottom: 20px;
}
.cmsegrid .postitem .item-image, 
.cmseleadgrid .leaditem .item-image {
	margin-bottom: 10px;
}


/*after content event*/
.aftercontent {
	clear: both;
}


.post-inset {
	margin: 30px 0;
	overflow: hidden;
	border: 1px solid #dddddd;
	padding: 20px;
}

/* category view section nav */
.section-nav {
	text-align: center;
	}
.section-nav a {
	display: inline-block;
	border: 1px solid #dddddd;
	padding: 3px 6px;
	line-height: normal;
}
.section-nav-sticky .section-nav {
	background: #ffffff;
	padding: 5px;
}




/* CMSE Latest Articles
---------------------------*/
.cmse-latest .viewall {clear: both;}
.cmse-latest .itemswrap, 
.cmse-latest .leadwrap, 
.cmse-latest .subwrap {}

/*item image as bacground*/
.cmse-latest.itemimgbg .item-inner {padding: 0 !important;}
.cmse-latest.itemimgbg .item {
	position: relative; 
	float: none !important;
	margin: 0 !important;
	}
.cmse-latest.itemimgbg .item .title {
	position: absolute; 
	left: 0;
	right: 0;
	bottom: 0;  
	background: rgba(76,76,76,0);
	background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 50%, rgba(0,0,0,0.9) 100%); 
	padding: 0;
	margin: 0;
	text-align: left;
	}
.cmse-latest.itemimgbg .title span.title-inner {padding: 50px 20px 15px 20px; display: block;}
.cmse-latest.itemimgbg .imgbg img {
	width: 100%;  
	padding: 0; 
	margin: 0; 
	border: 0;
	}

	



/*lead format*/
#lead.cmse-latest .item {
	float: left;
	box-sizing: border-box;
	margin-bottom: 5px;
}
#lead.cmse-latest .item .title {font-size: 14px;}
#lead.cmse-latest span.mask {border: 4px solid #dddddd;}

/*--Lead Item--*/
#lead.cmse-latest .leadwrap .item {
	float: none;
	clear: both;
	display: block;
	box-sizing: none;
	width: auto !important;
	margin: 0;
	margin-bottom: 10px;
}

#lead.cmse-latest .leadwrap .item span.imgmask {height: auto !important;}

/*--subclass text overlay--*/
#lead.cmse-latest.text-overlay .leadwrap .item {position: relative;}
#lead.cmse-latest.text-overlay .leadwrap .item .overlay {
	position: absolute; 
	left: 0; 
	right: 0; 
	bottom: 0;
	background: rgba(0,0,0,0.9);
	color: #ffffff;
	padding: 10px;
	}
#lead.cmse-latest.text-overlay .leadwrap .item a {color: #eeeeee;}
#lead.cmse-latest.text-overlay .leadwrap .item span.imgmask {border-color: #111111;}

.cmse-latest .item .post-image img {width: 100%;}

.titlelayer {position: relative;}
.titlelayer .title {display: none !important;}
.titlelayer .titlefloat {
	position: absolute;
	z-index: 2;
	margin: 0;
	}


/*slideformat*/
.slideformat .cmse-col {
	display: table-cell !important; 
	float: none; vertical-align: top;
	}
.slideformat .cmse-col:first-child {width: 70%;}
.slideformat .cmse-col:last-child {width: 30%;}


@media (max-width: 640px) {
	#lead.cmse-latest .item, 
	#lead.cmse-latest .item span.imgmask, 
	#lead.cmse-latest .boxsize,
	#lead.cmse-latest .r-margin,
	#lead.cmse-latest .l-margin,
	#lead.cmse-latest .leadwrap .item	{
		float: none; 
		width: auto !important; 
		clear: both; 
		height: auto !important;
		margin: 0 !important;
		}
	#lead.cmse-latest .boxsize {margin-bottom: 10px !important;}
	#lead.cmse-latest span.title, #lead.cmse-latest h4 {display: block;}
	#lead.cmse-latest.text-overlay .leadwrap .item .overlay {position: static; background: rgba(0,0,0,1);}
		

	#grid.cmse-latest .item, #grid.cmse-latest .item span.imgmask {
		float: none; 
		width: auto !important; 
		clear: both; 
		height: auto !important;
		}
		
	#grid.cmse-latest .item {
		margin: 0; 
		margin-bottom: 20px;
	}
}



	
/* CMSE MT Listing
----------------------*/
.parentwrap, .mtitemdata {overflow: hidden;}
.block {display: block; float: none; clear: both; width: auto; overflow: hidden;}
.blockleft {float: left;}
.blockright {float: right;}

.fieldset {margin-bottom: 10px;}
.fieldset .tbl {display: table; width: 100%;}
.fieldset .trow {display: table-row;}
.fieldset .tcell {display: table-cell; border: 1px solid #eeeeee; padding: 2px;}

.fieldset .trow.nolabel, 
.fieldset .trow.nolabel .tcell {display: block; text-align: center; line-height: normal;}

.mtitem {

	margin-bottom: 5px;
}

.mtitemimg {position: relative;}

.mtitemimg span {
	position: absolute; 
	left: 10px;
	top: 10px;
	max-width: 150px;
	z-index: 1;
	color: #ffffff;
	font-weight: 100;
	font-size: 20px;
	font-family: BebasNeueRegular;
	}

div.mtitem.insert {
	display: block !important;
	float: none !important;
	width: auto !important;
	clear: both !important;
	overflow: hidden;
}

.parentwrap .pretext, .parentwrap .posttext {
	clear: both; 
	width: auto; 
	display: block; 
	float: none;
	}
.mtitem a[href^="tel:"] {
	display: inline-block; 
	background: #00bfff; 
	color: #ffffff; 
	padding: 4px 10px; 
	border-radius: 2px;
	}

.mtitem a[href^="tel:"]::before {
	font-family: "Font Awesome 5 Free"; 
	content: "\f095"; 
	font-weight: 900;
	margin-right: 8px;
	}

.mtitem .tags {text-align: center;}
.mtitem .tags li {display: inline-block;}
.mtitem .tags a {font-size: 12px; padding: 1px 2px;}



	


a[href^="tel:"]::before {
	font-family: 'Font Awesome 5 Free'; 
	content: "\f095"; 
	font-weight: 900;
	margin-right: 8px;
	}

.metadata {font-size: 12px;}



.ratemsg, .stars {display: table-cell;}
.ratemsg {font-size: 12px;}


.gallery {text-align: center;}
.gallery ul li {
	display: inline-block;
	box-sizing: border-box;
	}
.gallery ul li a {
	display: block;
	width: 160px;
	height: 160px;
	overflow: hidden;
	background: #eeeeee;
	}

/* Add Item */
span.suffix, span.prefix {
	display: block;
	width: auto;
	font-size: 12px;
	color: #666666;
}

.addlist input[type="file"] {
	padding: 10px 10px 40px 10px;
	background: #c8e4ff;
	border: 4px solid #abd5fc;
}

.addlist textarea {width: 98%;}

.reviews .review {background: #eeeeee; padding: 20px;}
.review-title {font-weight: 900;}
.reviews .title, .review-info, .review-date, .review-permalink, .favorite {font-size: 12px;}

div.rating {text-align: center;}
div.stars, .votewrap {
	display: inline-block; 
	vertical-align: middle;
	}
.votewrap {
	margin-left: 5px;
}




/******************************
*	Category View	*
******************************/
.cmse-items-wrap .text {
	margin-bottom: 40px;
}

.cmse-cat-item, .cmse-item {
	margin-bottom: 30px;
	border: none;
	padding: 0;
	}

.cmse-inner {
	margin: 5px;
}

/* List Format */
.cmse-cat-item.cmse-list, .cmse-list {
	float: none;
	clear: both;
}

/* Grid Format */
.cmse-grid {

}
.cmse-cat-item.cmse-grid .cmse-cat-image {
	margin-bottom: 20px;
}



/*Shop*/
#productFilters {margin-bottom: 40px;}

.base-price.pricenew {color: #cc2c5c; }
.item-price.pricenew {color: #78c900; font-weight: 900;}


.postitem.featured .inner {
	background: #fff6d6;
}

/* Sub Categories
--------------------------*/
.cat-children {overflow: hidden;}
.child-cat {margin-bottom: 20px;}
.child-cat .inner {
	border: 1px solid #dddddd;
	padding: 10px;
	overflow: hidden;
}

/* grid format*/
.child-cat.cmsegrid .inner {
	margin: 5px;
	text-align: center;
}
.child-cat.cmsegrid .catimage {
	display: block;
	margin-bottom: 15px;
}
.child-cat.cmsegrid .catimage img {display: block; margin: auto;}

.items-row {
	margin-bottom: 20px;
}
.items-row .postitem {
	overflow: hidden;
}




/* Author List
----------------------*/
.authorprofile {
	margin-bottom: 8px;
	border: 1px solid #aaaaaa;
	padding: 10px;
	overflow: hidden;
}
.authorprofile span {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
}
.authorprofile span.meta {float: right;}
.authorprofile span.meta span {margin-left: 10px;}
.authorprofile .photo, .authorprofile .authorname {float: left;}





/* Pagination
-------------------*/
.pagination {text-align: center;}
.pagecounter {font-size: 12px; color: #dddddd;}

.metabox {
	font-size: 12px;
	color: #aaaaaa;
	margin-bottom: 20px;
	background: #eeeeee;
	padding: 5px;
}
.metabox .meta {display: inline-block; margin-right: 10px;}


/* Article View
-------------------------------------------------*/
.item-page {}
.item-subtitle hr {
	width: 150px;
	
}
.item-image {margin-bottom: 15px;}
.articletext {
	line-height: 1.5em;
	margin-bottom: 30px;
	overflow: hidden;
}

.imgcaption span {
	display: block;
	text-align: center;
	font-size: 13px;
	background: #dddddd;
	line-height: normal;
}


/* related pagination */
.item-related {}
.item-related .relitem {
	overflow: hidden;
	box-sizing: border-box;
}
.itemrelated .relitem .inner {
	padding: 5px;
}
.item-related .relitem .relimg {
	overflow: hidden;
	margin-bottom: 10px;
}
.item-related .relitem .item-title {
	font-size: 16px;
}


/* Author Details */
.author-details {
	border: 1px solid #eeeeee;
	padding: 10px;
	margin-bottom: 20px;
	display: block;
	clear: both;
	font-size: 13px;
	overflow: hidden;
	line-height: normal;
}
.author-details .authormeta {
	display: block;
	margin-bottom: 10px;
	line-height: normal;
	}
	
/* Tags */
.itemtags {
	margin-bottom: 20px;
	}
.itemtags .tags {text-align: center;}
.itemtags .tags, .itemtags .tags li {
	padding: 0 !important; 
	margin: 0;
	list-style: none;
	line-height: normal !important;
	}
.itemtags .tags li {
	display: inline-block;
	margin-bottom: 5px;
	}
.itemtags .tags li a {
	display: block; 
	padding: 3px 6px; 
	font-size: 13px;
	background: #f9f9f9;
	border: 1px solid #eeeeee;
	text-transform: capitalize;
	}


.socialicon i {font-size: 28px;}
.socialicon svg {width: 30px; height: auto;}
span.socialicon {display: inline-block;}

/*--Google Map-*/
address.gmaps .mapscroll-wrap {width: 100% !important;}
address.gmaps {
	display: block;
	margin: 20px 0;
	line-height: normal;
	padding: 0;
	float: none;
	}


/* Image Gallery*/
.masonry-gallery {
	columns: 2;
	column-gap: 10px;
}
.masonry-gallery img {
	display: block;
	vertical-align: top;
	margin-bottom: 10px !important;
}


/*--ChatRoom-*/
iframe.chatframe {
	width: 100%; 
	height: 460px; 
	border: 0;
	background: #eeeeee;
	}

/*SimpleChat*/
.cmsechat {
	background: #ffffff;
	color: #111111;
	padding: 20px;
}
.cmsechat #chatwindow {
	width: 100%; 
	height: 200px;
	box-sizing: border-box;
	background: transparent;
	border: 1px solid #dddddd;
	margin-bottom: 10px;
	overflow-y: auto;
	}
.cmsechat #chatwindow div {
	padding: 2px 5px;
	overflow: hidden;
	font-size: 12px;
	border-bottom: 1px solid #eeeeee;
}
.cmsechat #chatwindow div span {
	font-style: italic;
	display: block;
}
.cmsechat #chatwindow div span i {
	font-weight: 900;
}
.cmsechat .user-ip {
	color: #cccccc;
	margin: 0;
	padding: 0;
	line-height: normal;
	font-size: 12px;
}




/*video player adjustment for silly video dimensions from facebook*/
.fbvideo-adjust div.vidwrap {padding-bottom: 58%; max-width: 600px; margin: auto;}
.fbvideo-adjust-slim div.vidwrap {padding-bottom: 60%; max-width: 300px; margin: auto;}

iframe.twitter-tweet {
	margin: auto;
}
.fbcommentwrap {background: #ffffff;}
	

/*---custom form---*/
.cmseform .control-group.hidden-field {
	padding: 0;
	margin: 0;
	border: none;
	background: transparent;
	line-height: 0;
	visibility: hidden;
}
.cmseform textarea,
.cmseform input[type="text"],
.cmseform input[type="email"] {
	width: 100%; 
	box-sizing: border-box;
	height: auto;
	}

.cmseform label, .cmseform input[type="text"] {
	display: inline-block; 
	vertical-align: middle;
	}
.cmseform label {width: 120px;}

.cmseform .btn-group label {margin-right: 2px;}


/*----[ Social Share ]------*/
.share-container {
	margin-bottom: 20px; 
	clear: both;
	}
ul.rrssb-buttons, ul.rrssb-buttons li {
	list-style: none !important;
	margin: 0 !important;
	}


/* Parallax
---------------------*/
.parallax {
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	height: 600px;
	position: relative;
	}
.par1mask, .par2mask, .par3mask, .par4mask {
	position: absolute; 
	top: 0; 
	right: 0; 
	left: 0; 
	bottom:0;
	}



/* SLIDESHOW 
-----------------------*/
.article-slide {
	border: 0;
	clear: both;
	margin: 20px 0;
}

/*---[ Main Overall Parent]--*/
.jssorwrap {
	position: relative; 
	visibility: hidden;
	overflow: hidden;
	margin: 0 auto;
	top: 0;
	left: 0;
	right: 0;
	width: auto !important;
	}
/*---[ Child main ]--*/
.jssorslides {
	position: relative; 
	cursor: grab;
	top: 0; 
	left: 0; 
	right: 0;
	bottom: 0;
	height: 100%; 
	overflow: hidden;
	}
	
.cmseslide {line-height: normal;}
.cmseslide .slideimg img {
	width: 100%;
	height: auto;
	max-width: none;
}

.cmseslide p {margin: 0; padding: 0;}

/*---[ BOTTOM NAVIGATION ]---*/
.slidenav-hbar {
	position: absolute; 
	left: 0px; 
	right: 0; 
	bottom: 0px; 
	width: auto; 
	height: 50px; 
	}

.slidenav-hbar .navitem {
	position: absolute; 
	top: 0;
	left: 0;
	bottom: 0;
	width: 68px; 
	height: auto;
	cursor: pointer;
	}
.slidenav-hbar .navitem .frm {
	position: absolute; 
	top: 6px; 
	left: 0;  
	border: none;
	height: 35px;
	overflow: hidden;
	}
.slidenav-hbar .navitem .img img {
	 display: block;
	 padding: 0;
	 margin: 0;
}
.slidenav-hbar .navitem .img span {
	display: block;
	height: 33px;
	overflow: hidden;
}
.slidenav-hbar .navitem .img img:hover,
.slidenav-hbar .navitemav .img img {filter: sepia(80%);}
.slidenav-hbar .navitem .img span:hover,
.slidenav-hbar .navitemav .img span {
	border-bottom: 2px solid #ffcc00;
}



/*---[ SIDE NAVIGATION ]---*/

.slidenav-sidebar {
	position: absolute;
	right: 0px;
	top: 0px;
	bottom: 0px;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;

	}

.slidenav-sidebar .navitem {
	cursor: pointer;
	}
.slidenav-sidebar .navitem .img,
.slidenav-sidebar .navitem .text {
	display: table-cell;
	vertical-align: top;
	overflow: hidden;
}
.slidenav-sidebar .navitem .text {
	font-size: 12px;
	line-height: normal;
	padding: 5px;
}
.slidenav-sidebar .navitem .text h6 {
	margin: 0;
	padding: 0;
	line-height: normal;
	font-size: 11px;
	font-weight: 100;
}
.slidenav-sidebar .frm {
	height: 100%; 
	border: none;
	overflow: hidden;
	}

.slidenav-sidebar .navitem .img img {
	width: 100%; 
	height: auto;
	display: block;
	padding: 0;
	margin: 0;
	border: 0;
	}
.slidenav-sidebar .navitem .img {
	width: 100px;
	}
.slidenav-sidebar .navitem .img span {
	display: block;
	margin-top: 5px;
	margin-left: 5px;
	}
.slidenav-sidebar .navitemav .img span {
	
	}
.slidenav-sidebar .slidetext, 
.slidenav-sidebar .navitemav:hover .slidetext { 

	}
.slidenav-sidebar .navitemav .slidetext, 
.slidenav-sidebar .navitem:hover .slidetext {}

.slidenav-sidebar .slidetext {
	transition: color 2s; 
	-moz-transition: color 2s; 
	-webkit-transition: color 2s; 
	-o-transition: color 2s;
	}
.slidenav-sidebar .navitem:hover .slidetext, 
.slidenav-sidebar .navitemav:hover .slidetext {
	transition: none; 
	-moz-transition: none; 
	-webkit-transition: none; 
	-o-transition: none;
	}
.slidenav-sidebar .navitem:hover, 
.slidenav-sidebar .navitemav:hover {}
.slidenav-sidebar .navitemav, 
.slidenav-sidebar .navitem.navitemdn {}


/* Article insert via shortcode [article=""]*/
.cmseslide.textonly .articletext {
	margin: 0;
}
.cmseslide.textonly .articletext .post-image,
.cmseslide.textonly .articletext .post-text {
	display: table-cell;
	vertical-align: top;
}
.cmseslide.textonly .articletext .post-image {
	width: 60%;
}
.cmseslide.textonly .articletext .post-text {
	padding-left: 20px;
}

/*----------------------------[ END SLIDESHOW ]-------------------------*/


/*---[ Pagination ]---*/
.page_navigation a, .ellipse {display: inline-block;}

.page_navigation {
	padding-top: 10px;
	overflow: hidden;
	clear: both;
	text-align: center;
}

.page_navigation a {
	padding: 3px 5px;
	margin: 2px;
	color: #666666;
	text-decoration: none;
	font-family: Tahoma;
	font-size: 12px;
	background: #eeeeee;
	border: 1px solid #dddddd;
	border-radius: 2px;
}
.active_page{
	background: #d9f3fc !important;
	color:black !important;
}

.bg-blue .page_navigation a,
.bg-black .page_navigation a,
.bg-green .page_navigation a {
	background: transparent;
}


/* Vertical Accordion
-----------------*/
*[headerindex] {cursor: pointer;}
.slidetab {
	background: #0088CC; 
	color: #ffffff; 
	
	padding: 5px 15px; 
	margin: 0; 
	margin-top: 2px;
	font-size: 18px;
	border-radius: 2px;
	}
.slidetab.isdown {border-radius: 2px 2px 0 0;}
.slidetab.isup::before, .slidetab.isdown::before {content: "\f0ab";}
.slidetab.isdown::before {content: "\f0aa";}
.slidecontent {
	margin-bottom: 2px;
	padding: 20px;
	}

.slidewrap.black .slidetab {
	background: #111111;
	color: #dddddd;
}
.slidewrap.black .slidecontent {
	background: #333333;
	color: #ffffff;
	padding: 20px;
}

.slidewrap.red .slidetab {
	background: #e02904;
	color: #ffffff;
}
.slidewrap.red .slidetab:hover,
.slidewrap.red .slidetab.isdown,
.slidewrap.red .slidecontent {
	background: #c92100;
}
.slidewrap.red .slidecontent {
	padding: 20px;
	color: #ffffff;
}

.slidetab.greentab {
	background: #598925;
	color: #ffffff;
}
.slidecontent.greencontent {
	background: #669630;
	color: #ffffff;
}

.slidecontent.yellowcontent {
	background: #e5b940;
	color: #ffffff;
}

.tabalign {overflow: hidden;}
.tabalign .slidetab {
	display: inline-block;
	margin-right: 3px;
	border-radius: 2px 2px 0 0;
}
.tabalign .slidetab.isdown {
	padding-top: 10px;
}


/** end vertical slides **/


/* Tabs
--------------------*/
.tabset {overflow: hidden;}
.tabset dl.tabs {margin: 0;}
.tabset dl.tabs dt {
	float: none;
	display: inline-block;
	line-height: normal;
	font-weight: 100;
}
.tabset dl.tabs h3, 
.tabset dl.tabs a {
	font-weight: 100;
	font-size: 14px;
	margin: 0;
	padding: 0;
	line-height: normal;
	}
.tabset dl.tabs a {
	display: block;
	padding: 5px 15px;
	background: #eeeeee;
	margin-right: 2px;
}
.tabset dl.tabs dt a:hover,
.tabset dl.tabs dt.open a {
	background: #dddddd;
}
.tabset dd {
	margin: 0; 
	padding-top: 20px;
	overflow: hidden;
	}
.tabset div.current {
	overflow: hidden;
	}
	
/*tab style suffix*/
.tabset.black dl.tabs a {
	background: #222222;
	color: #cccccc;
}
.tabset.black dl.tabs dt a:hover,
.tabset.black dl.tabs dt.open a {
	background: #333333;
}
.tabset.black div.current {
	background: #333333;
	color: #ffffff !important;
	border-color: #333333;
}

.tabset.yellow dl.tabs a {
	background: #f2ba2e;
	color: #ffffff;
}
.tabset.yellow dl.tabs dt a:hover,
.tabset.yellow dl.tabs dt.open a {
	background: #f7d474;
	color: #b77400;
}
.tabset.yellow div.current {
	background: #f7d474;
	color: #111111 !important;
	border-color: #f7d474;
}


/*sidetabs*/
.tabset.sidetabs {
	display: flex;
	flex-direction: row;
	}
.tabset.sidetabs dl.tabs {
	margin: 0 !important;
	width: 10%;
}
.tabset.sidetabs dl.tabs dt {
	float: none;
	display: block;
	margin-bottom: 2px;
}
.tabset.sidetabs div.current {
	width: 100%;
}

/** tabs **/




/* Audio Player
-----------------------------*/
.cmseaudio {
	background: #111111; 
	color: #ffffff;
	line-height: normal;
	}
.cmseaudio a {color: #eeeeee;}
.cmseaudio ul, .cmseaudio li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.cmseaudio .jp-controls {
	width: 100%;
	background: linear-gradient(to bottom, #222222 50%, #111111 100%);
	}
.cmseaudio .jp-controls .td {
	display: inline-block; 
	vertical-align: top;
	}
.cmseaudio .td.jp-progress {
	vertical-align: middle;
	padding-top: 8px;
	}
	
.cmseaudio .playbtn a::before {font-size: 42px;}


button.playbtn::before, 
button.pausebtn::before,
.cmseaudio a.jp-play::before,
.cmseaudio a.jp-pause::before {
	font-family: "Font Awesome 5 Free";
	content: "\f144";
	font-weight: 900;
	padding: 0;
	margin: 0;
	line-height: normal;
	color: #ffffff;
	display: block;
}
button.pausebtn::before,
.cmseaudio a.jp-pause::before {
	content: "\f28b";
}
.cmseaudio a.jp-stop::before {
	content: "\f28d";
}
.cmseaudio a.slideswitch {
	content: "\f022";
}
.cmseaudio a.jp-mute {
	content: "\f026";
}
.cmseaudio a.jp-unmute {
	content: "\f028";
}


/*HTML5 Player basic*/
button.playbtn, button.pausebtn {
	background: none; 
	border: none;
	line-height: normal;
	padding: 0;
	margin: 0;
	cursor: pointer;
	display: inline-block;
	outline: 0;
	}
button.playbtn::before, button.pausebtn::before {
	font-size: 52px;
	color: #ffcc00;
	margin: 10px;
}





.cmseaudio.single-player {
	margin-bottom: 20px;
	margin-top: 20px;
}
.cmseaudio .cover-img {
	width: 120px;
}
.cmseaudio .audio-title {
	margin: 0;
	margin-top: 5px;
	padding: 0;
}
.cmseaudio .audio-text {
	font-size: 13px;
	line-height: normal;
}
.jp-audio-stream ul, 
.jp-audio-stream li, 
.jp-audio-stream p, 
.player-title h5 {
	margin: 0 !important; 
	padding: 0 !important; 
	list-style: none !important; 
	line-height: normal !important;
	}
.player-title h5 {font-size: 14px; font-weight: 100;}

.jp-audio-stream { 
	background: #222222; 
	line-height: normal !important; 
	display: block; 
	clear: both;
	float: none;
	color: #dddddd;
	}

.jp-interface, .jp-playlist a.jp-playlist-item {
	width: auto; 
	clear: both; 
	float: none;
	display: flex;
	}
.jp-interface a.pl-link {
}


.jp-controls .td.vol {width: 30%;}
.jp-controls a {
	display: block; 
	margin: 0; 
	padding: 0; 
	font-weight: 100 !important; 
	text-decoration: none;
	}

.jp-controls a.jp-play, 
.jp-controls a.jp-pause {
	display: block;
	line-height: normal !important;
	background: #c8023f;
	overflow: hidden;
	text-align: center;
	padding: 0;
	margin: 0;
	}
.jp-controls a.jp-play:hover {color: #cccccc;}
.jp-controls a.jp-pause {color: #bbbbbb;}
.jp-controls a.jp-pause:hover {color: #cccccc;}

.jp-controls .td a i.fa {
	vertical-align: middle;
	}


/* @group progress bar */
div.jp-progress {overflow:hidden; width:60%;}

div.jp-progress .progress-bg span, 
.jp-controls .jp-volume-bar-value {
	background: #dddddd; 
	display: block; 
	padding: 0;
	}

div.jp-seek-bar {
	background: transparent;
	width: 0;
	height:100%;
	cursor: pointer;
	height: 10px;
}
div.jp-play-bar {
	background: #c8023f;
	width:0px;
	height:100%;
}

div.jp-current-time, div.jp-duration {
	font-size: 12px; 
	font-family: Arial, sans-serif;
	line-height: normal;
	color: #666666;
	}
div.jp-duration {float: right;}
div.jp-current-time {float: left;}

/* @end */
.jp-controls .jp-volume-bar {cursor: pointer;}
.jp-controls .jp-volume-bar-value {background: #ffcc00;}
.jp-controls .jp-volume-bar-value:hover {background: #ffcc00;}

.jp-controls a.jp-mute, 
.jp-controls a.jp-unmute {
	display: block; 
	padding: 5px; 
	font-size: 13px; 
	color: #dddddd;
	}
.jp-controls a.jp-mute:hover {color: #ffcc00;}
.jp-controls a.jp-unmute {color: #ffcc00;}
.jp-controls a.jp-unmute:hover {color: #BE0203;}

.jp-no-solution {
	padding: 5px; 
	font-size: .8em; 
	display: none;
	}
.jp-no-solution span {
	font-size:1em; 
	display:block; 
	text-align:center; 
	font-weight:bold;
	}

/*-------[ PLAYLIST ]-------------*/
.cmseaudio.playlist .jp-controls {
	margin-bottom: 5px;
	float: none;
	display: block;
	border-bottom: 1px solid #333333;
}

.jp-playlist {
	display: block; 
	clear: both; 
	float: none;
	font-size: 13px;
	line-height: normal;
	}
.jp-playlist ul li {
	display: block !important; 
	float: none !important; 
	clear: both !important;
	cursor: pointer;
	border-top: 1px solid #111111;
	background: #333333;
	}
.jp-playlist .pl-inner {display: flex;}
.jp-playlist ul li a.jp-playlist-item {
	color: #eeeeee;
	overflow: hidden;
	width: 100%;
}

.jp-playlist ul li:nth-child(odd) {
	background: #333333;
}

.jp-playlist ul li:hover,
.jp-playlist ul li.jp-playlist-current {
	background: #c8023f !important; 
	color: #ffffff !important;
	}
	
.jp-playlist .cover-img {
	width: 60px;
}
.jp-playlist .pl-data {
	padding: 4px 10px;
}
.jp-playlist .pl-data .audio-title {
	margin: 0;
	font-size: 13px;
}
.jp-playlist a.pl-link, 
.jp-interface a.pl-link {
	background: #0088cc;
	color: #ffffff;
	padding: 4px;
	vertical-align: middle;
}
.jp-playlist a.pl-link:hover, 
.jp-interface a.pl-link:hover {
	background: #2ab2f7;
}



/*bottom fixed player--*/
.cmseaudio.fixedfoot {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	line-height: normal;
	}
.cmseaudio.fixedfoot .leftbox,
.cmseaudio.fixedfoot .tickerads,
.cmseaudio.fixedfoot .cmsejplayer {
	float: left;
	overflow: hidden;
	}
.cmseaudio.fixedfoot .rightbox {
	float: right;
	display: flex;
	font-size: 12px;
	line-height: normal;
	}
.cmseaudio.fixedfoot .rightbox .cmsetd {
	padding: 5px;
}
.cmseaudio.fixedfoot .jp-controls {
	margin: 0;
	padding: 0;
	}
.cmseaudio.fixedfoot .jp-playlist {position: relative;}
.cmseaudio.fixedfoot .jp-playlist .slidepanel {
	width: 230px;
	position: absolute; 
	right: 5px; 
	bottom: 0;
	}
.slideswitch {
	float: right; 
	color: #dddddd;
	display: block;
	font-size: 13px;
	padding: 5px;
	}


/* show schedule */
.show-schedule {
	padding-top: 30px;
	max-width: 1180px;
	margin: auto;
	}
.show-schedule h3 {
	background: #444444; 
	color: #ffffff;
	padding: 0;
	text-align: center;
	margin-bottom: 1px;
	font-size: 16px;
	}
.show-schedule h3 span {
	display: inline-block;
	padding: 6px;
	}
.show-schedule .showtime {
	border-bottom: 1px solid #eeeeee;
	margin-bottom: 20px;
}
.show-schedule ul, .show-schedule ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.show-schedule .table-row li {
	display: table-cell;
	padding: 15px;
	vertical-align: top;
	min-width: 150px;
	text-align: center;
}
.show-schedule li.right {
	width: 100%;
	text-align: left;
	}
.show-schedule img {
	padding: 0;
	border: 1px solid #dddddd;
	max-width: 120px;
	border-radius:  5px;
}
.show-schedule ul.th li {
	background: #dddddd;
	font-weight: 900;
	border: 1px solid #eeeeee;
	padding: 5px;
}

@media all and (min-width: 320px) and (max-width : 639px) {

}


/* Countdown Clock
------------------------*/
.mod-cmse-countdown .topmsg,
.mod-cmse-countdown .bottommsg{
	padding: 10px;
}
.cmse-countdown {
	overflow: hidden; 
	text-align: center;
	line-height: normal;
	}
.cmse-countdown .digit {
	float: left;
	box-sizing: border-box;
	width: 25%;
	padding: 2px;
	}
.cmse-countdown .digit-inner {
	background: #111111;
	color: #eeeeee;
	padding: 10px;
}
.cmse-countdown .endmsg {
	background: #cae0a1;
	border-radius: 8px;
	font-size: 2em;
	padding: 10px;
}
.cmse-countdown .digit-inner div {
	font-family: BebasNeueRegular;
	font-weight: 100;
	font-size: 32px;
}

.cmse-countdown.valign .digit {
	float: none;
	width: auto;
	padding: 0;
	margin-bottom: 2px;
}

.cmse-countdown.rounded, 
.cmse-countdown.rounded .digit-inner {
	border-radius: 5px;
}

.cmse-countdown.blue {
	background: #bbbbbb;
	padding: 10px;
	}
.cmse-countdown.blue .digit-inner {
	background: #005983;
	line-height: normal;
	text-shadow: 1px 1px 1px #111111;
	color: #ffffff;
}

.cmse-countdown.green .digit-inner {
	background: #7c964c;
	line-height: normal;
	text-shadow: 1px 1px 1px #111111;
	color: #dcf7aa;
}

.cmse-countdown.red .digit-inner {
	background: #f72a2a;
	line-height: normal;
	text-shadow: 1px 1px 1px #111111;
	color: #ffffff;
}

/** end countdown **/



/* Content Sections
-----------------------------------*/
.cmse-vsection {position: relative;}
.section-title {
	margin: 0 !important;
	padding: 0 !important;
	line-height: normal !important;
}
.section-title div {}
.section-title div.box-1180 {
	
}

.cmsesections .box-1180 .sectimg {
	margin-bottom: 40px;
}

.cmsesections .img-fullwidth,
.cmsesections .img-fullwidth img {
	width: 100%;
	border: 0;
	padding: 0;
	margin: 0;
}
.cmsesections .img-fullwidth .sect-text {
	max-width: 1180px;
	margin: auto;
	padding-top: 40px;
}

.sectionbg {position: relative;}

span.bgmask {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	z-index: 1;
}
.hasimg-bg {
	position: absolute;
	z-index: 2;
}



/*-----[ Banner Module ]-----*/
.cmsebanner .banneritem {
	position: relative;
}
.cmsebanner .bannertext, .cmsebanner .bannertext p {
	margin: 0 !important;
	padding: 0 !important;
	line-height: normal !important;
}

/*-banner video-*/
.bannervid, .vsectionbgvid {
    position: relative;
    padding-bottom: 54.25%;
    padding-top: 32px;
    height: 0;
    overflow: hidden;
}
.bannervid iframe, 
.bannervid video, 
.bannervid .fb-video,
.vsectionbgvid iframe {
	position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
	display: block;
	margin: auto;
    }


.bannervid a {
	display: block; 
	width: auto; 
	position: absolute; 
	top: 0; 
	bottom: 0; 
	left: 0; 
	right: 0; 
	z-index: 1;
	}
.bannervid .txt {
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.bannervid a img {
	max-width: none; 
	width: auto !important; 
	display: block;
	}
.fullwidth .banneritem img {width: 100%;}




/* Paypal cart 
-------------------------------------*/
.ppwrap {margin-top: 20px;}
.ppform {color: #111111; font-size: 13px;}

.ppwrap {overflow: hidden; line-height: normal;}
.ppwrap ul, .ppwrap li, .ppwrap p {
	padding: 0 !important; 
	margin: 0 !important; 
	list-style: none !important; 
	text-align: center; 
	overflow: hidden; 
	line-height: normal !important;
	}
.ppwrap span {display: block;}

.ppwrap ul, .ppwrap .ppform {
	float: left; 
	box-sizing: border-box; 
	width: 70%;
	}
.ppwrap .ppform {
	width: 28%; 
	background: #5bc1be; 
	padding: 10px; 
	border-radius: 5px;
	text-align: left;
	float: right;
	}
.ppwrap .ppform img {
	border: 0;
	padding: 0;
	margin: 0;
}

.ppwrap li {
	display: inline-block; 
	vertical-align: top;
	box-sizing: border-box;

	}
.ppwrap li div {
	border: 1px solid #dddddd; 
	padding: 8px; 
	overflow: hidden;
	}
.ppwrap button {
	background: #00bbd8;
	border: 0;
	border-radius: 2px;
	cursor: pointer;
	display: block;
	text-align: center;
	margin: 5px auto;
	padding: 5px 15px;
}
.ppwrap .thumbnail img {display: block; margin: auto;}
.ppwrap .thumbnail {overflow: hidden;}
.ppwrap .caption {overflow: hidden;}

.ppwrap .itemoptions span {margin-bottom: 5px;}
.ppwrap .itemoptions label {
	display: inline-block; 
	vertical-align: middle; 
	margin-right: 10px;
	font-size: 13px;
	padding: 0;
	}
.ppwrap .itemoptions label input {
	display: inline-block; 
	vertical-align: middle; 
	margin: 0 5px 0 0;
	}

/*--List Format--*/
.ppwrap li.list, .ppwrap li.list p {
	
	}
.ppwrap li.list .thumbnail {

	}

	
/*--Cart--*/

.ppform h4 {margin: 0; padding-bottom: 4px; font-size: 100%;}
.ppform span {display: inline;}
.ppform .panel-heading {text-align: center; margin-bottom: 5px;}

.ppform .sc-cart-item {
	overflow: hidden; 
	background: #444444;
	color: #ffffff;	
	padding: 8px; 
	border-radius: 5px;
	margin-bottom: 3px;
	position: relative; 
	display: block;
}
.ppform .sc-cart-item p {text-align: left;}
.ppform img {
	width: 40px; 
	height: auto; 
	float: left; 
	margin-right: 10px;
	border-radius: 4px;
	}
.ppform button img {width: auto;}
.ppform input[type="number"] {width: 40px; border-radius: 2px; border: 0;}

.sc-cart-item-summary {text-align: right;}
.sc-cart-item-summary span, .sc-cart-item-summary input {display: inline;}
button.sc-cart-remove {
	position: absolute; 
	right: 5px; 
	top: 5px;
	padding: 0 2px;
	margin: 0;
	line-height: normal;
	}

/*---Media Queries--*/
@media all and (min-width: 320px) and (max-width : 880px) {
	.ppwrap ul, .ppwrap li, .ppwrap .ppform {
		box-sizing: none; 
		width: auto !important; 
		display: block;
		float: none;
		clear: both;
		height: auto;
		}
	.ppwrap li button {width: 200px;}
	.ppwrap .thumbnail, .ppwrap .caption {height: auto; overflow: visible;}
	
}






/*---instagram embed---*/
.instagram-media {
	background:#FFF; 
	border:0; 
	border-radius:3px; 
	box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); 
	margin: 1px; 
	max-width:540px; 
	min-width:326px; 
	padding:0; 
	width:99.375%; 
	width:-webkit-calc(100% - 2px); 
	width:calc(100% - 2px);
}
iframe.instagram-media {margin: auto !important;}

/* File download
--------------------*/
.cmse-download {margin: 20px 0; overflow: hidden;}
.dlbtn {
	overflow: hidden;
	border: 1px solid #eeeeee;
	padding: 8px;
	margin-bottom: 2px;
	box-sizing: border-box;
	float: left;
	width: 50%;
	}
.dlbtn span {font-size: 13px;}
.dlbtn .fileinfo {margin-bottom: 8px; overflow: hidden;}
.dlbtn .fileinfo span {display: block;}


	
	
/* Mod CMSE Pagehead
-------------------------*/
.insethead {
	position: relative;
	}
.insetfloat {
}
.inset {
	position: absolute;
	bottom: -80px;
	left: 60px;
	width: 150px;
	height: 150px;
	overflow: hidden;
	border-radius: 100%;
	border: 5px solid #eeeeee;
	background: #eeeeee;
}
.inset img {
	display: block;
	max-width: none;
}
.datafield {
	padding: 10px 20px;
	}

.stick-shadow .datafield {box-shadow: 0px 1px 3px #bbbbbb;}


/* Mod CMSE J2s Items
--------------------------*/
/*store module*/
.cmsej2store-wrap {overflow: hidden;}
.cmsej2store-wrap .store-item {
	margin-bottom: 20px;
}
.cmsej2store-wrap .store-item .inner {
	border: 1px solid #dddddd;
	padding: 10px;
	margin: 4px;
	overflow: hidden;
}
.cmsej2store-wrap .itemimg {margin-bottom: 15px;}
.cmsej2store-wrap .itemimg .imgmask {}
.cmsej2store-wrap .store-item h4 {font-size: 16px;}

/* J2store item view using CMSE drop shipper URL field*/
.dropship .dropship-element {
	display: inline-block;
	margin-right: 10px;
	font-family: BebasNeueRegular;
	font-size: 24px !important;
	vertical-align: middle;
}
.dropship .dropship-element .sale-price {
	font-size: 24px !important;
	font-weight: 100;
}


/* CMSE Page break
---------------------*/
.pbthumbs {
	text-align: center; 
	margin: 0 !important; 
	padding: 0 !important;
	overflow: hidden;
	}
.pbthumbs li {
	float: left;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: normal !important;
}
.pbthumbs li a {
	display: block;
	width: 150px;
	height: 120px;
	overflow: hidden;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	margin: 2px;
}


/* Open Graph Post
-------------------------*/
.ogdata {
	max-width: 500px; 
	line-height: normal;
	font-size: 13px;
	border: 1px solid #dddddd;
	margin-top: 20px;
	margin-bottom: 20px;
	}
.ogdata a img {
	display: block;
	margin: auto;
	margin-bottom: 10px;
	padding: 0;
	border: 0;
}
.ogdata h2 {
	font-weight: 700;
	font-size: 16px;
	font-family: inherit;
	line-height: normal;
}
.ogdata small {
	color: #aaaaaa;
}
.ogpost {
	width: 500px; 
	margin-bottom: 20px;
	border: 1px solid #dddddd;
	}
.ogtext, .ogcaption {
	padding: 10px;
	line-height: normal;
	font-size: 14px;
	}

/* Related Article Insert */
.relarticle {
	margin-top: 20px;
	margin-bottom: 20px;
}
.relarticle .inner {
	display: flex;
	line-height: normal;
	border: 1px solid #dddddd;
}
.relarticle .inner div:first-child {
	width: 20%;
}
.relarticle .inner div:last-child h3 {
	margin: 0;
	padding: 8px 8px 8px 20px;
	font-size: 16px;
}
.relarticle .inner div h3 a {
	font-weight: 900;
}
.relarticle .inner img {
	display: block;
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent;
}


/* giphy vids*/
.gifplayer {
	margin-top: 20px;
	margin-bottom: 20px;
}
.gifplayer video {
	max-width: 100%;
	display: block;
}
	
	
/* CMSE220 Template
-----------------------*/
.topcontent .m2 .module-title {
	max-width: 1180px; 
	margin: auto;
	}
	
.vpadm3-30 .m3 {
	padding-top: 30px;
	padding-bottom: 30px;
}


/* Play Icon
-------------------*/
.playbtn .post-image .imgmask {position: relative;}
.playbtn .post-image a::before {
	font-family: "Font Awesome 5 Free";
	content: "\f04b";
	position: absolute;
	font-size: 300%;
	font-weight: 900;
	color: #ffffff;
	opacity: 0.8;
	top: 35%;
	left: 40%;
}
.playbtn .post-image a {
	text-decoration: none;
	color: #111111;
	}
.playbtn .post-image a:hover {
	color: #d6002e !important;
}


/** Random Content Display 
------------------------------------*/
.cmserandom .randitem {}
.cmserandom .randitem-text {
}

/* WHOIS form*/
.errormsg {
	color: red;
}
.dts-banner {
	font-size: 11px;
	position: relative;
}
.dts-banner img {
	height: 28px;
	position: absolute;
}


/*CMSE Gallery*/
.cmsegallery {
	margin-bottom: 30px;
}



/* Exit Pop Modal
------------------------------*/
#exitpop {
	position: fixed;
	width: 100%;
	visibility: hidden;
	z-index: 10002;
	top: 100px;
	left: 0px;
	right: 0px;
	opacity: 0;
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
	transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
	background: transparent;
}
#exitpop .wrapper {
	background: #948E99; 
	background: -webkit-linear-gradient(to left, #252b33 , #2E1437);
	background: linear-gradient(to left, #252b33 , #2E1437);
	position: relative;
	margin: 0 auto;
	text-align: center;
	border-radius: 3px;
	box-shadow: 0px 1px 10px rgba(0,0,0,0.5);
	width: 98%
}
#exitpop_bg {
	visibility: hidden;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	opacity: 0.4;
	z-index: 10001;
}
#exitpop_close {
	position: absolute;
	left: 100%;
	margin: 7px 0 0 -30px;
	width: 20px;
	height: 20px;
	color: #fff;
	cursor: pointer;
	z-index: 9999;
	background: #84b53b;
	line-height: normal;
	border-radius: 100%;
}
#exitpop_close .fas.fa-times-circle {
	font-size: 22px;
}


#exitpop_close:hover {
  opacity:0.8;
}

#exitpop .pop-content {
  margin: 0 auto
}
#exitpop .pop-content h2 {
  color: #fff;
  text-align: center;
  margin: 0 auto 15px
}
#exitpop .pop-content p {
  margin: 0 auto 25px;
  color: #7e8890
}
#exitpop .pop-content form {
  margin: 0;
  padding: 0;
  width: 90%;
}

#exitpop .pop-content form p {
  margin: 0 auto 10px
}

#exitpop .pop-content form p:not(.button) {
  float: none;
  width: 100%;
}

#exitpop .pop-content form p:not(.button) input {
  width: 100%;
  margin: 0;
  padding: 12px 15px !important;
  border-color: #d0d5d8
}

#exitpop .pop-content form .button {
  float: none;
  width: 100%
}

#exitpop .pop-content form .button input {
  width: 100%;
  padding: 20px 25px 18px !important;
  font-size: 12px
}

#exitpop .pop-content p.footnote {
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.8;
  font: 100 11px 'Roboto Slab', serif;
  color: #abb0b7;
  margin-bottom: 0
}

@media screen and (min-width: 800px){

  #exitpop .wrapper {
	  width: 800px;
	  margin: 7% auto;
  }
  #exitpop .pop-content form .button input {
	  width: auto;
	  margin: 0
  }
  #exitpop .pop-content form .button {
	  float: left;
	  width: auto;
	  margin-left: 15px;
  }
  #exitpop .pop-content form {
	  width: auto
  }
  #exitpop .pop-content form p {
	  margin: 0 auto 15px
  }
  #exitpop .pop-content form p:not(.button) {
	  float: left;
	  width: auto
  }
  .pop-content form p:not(.button) input {
	  width: 300px!important;
	  margin: 0 15px 0 0
  }
}







@media all and (max-width: 640px) {
.cmseaudio.fixedfoot .inner {display: table; width: 100%;}
.cmseaudio.fixedfoot .cmseaudio #jp_container.jp-container, 
.cmseaudio.fixedfoot .itemtitle, 
.cmseaudio.fixedfoot .leftbox, 
.cmseaudio.fixedfoot .rightbox {display: table-cell !important; float: none;}

.cmseaudio.fixedfoot .hide-it {display: none !important;}
}


/* Poll
---------------------------------*/
.cmsepoll {
	background: #dddddd;
	padding: 15px;
	line-height: normal;
	font-size: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}
.cmsepoll .pollitems {
	margin-bottom: 20px;
	}
.cmsepoll .pollitem {
	background: #ffd9c1;
	overflow: hidden;
	}
.cmsepoll .pollitem:nth-child(odd) {
	background: #fff0d1;
}
.cmsepoll .pollitem label {
	display: block;
	overflow: hidden;
	padding: 4px 8px;
	margin: 0;
	line-height: normal;
}

.cmsepoll .pollitem span {
	display: block;
	float: left;
	box-sizing: border-box;
	margin-right: 5px;
}
.cmsepoll .pollitem input[type="radio"] {margin: 0; padding: 0;}

.cmsepoll .result {
	padding: 4px 8px;
	margin: 0;
	}
.cmsepoll .result dt,
.cmsepoll .result dd {
	display: inline-block;
	vertical-align: top;
	padding: 0;
	margin: 0;
	font-weight: 100;
}
.cmsepoll .result dd {
	float: right;
	display: flex;
	line-height: normal;
}
.cmsepoll .result dd span:last-child {
	font-weight: 900;
}


/* TikTok*/
iframe.tiktok {
	height: 862px;
	max-height: 862px;
	visibility: unset;
	width: 100%;
}



.opacity9 {opacity: 0.9;}
.radius2 {border-radius: 2px;}
.radius3 {border-radius: 3px;}
.radius4, .radius4 img {border-radius: 4px;}
.radius5, .radius5 img {border-radius: 5px;}




/* Payment and Social Icons
------------------------*/
.payment-icons span, .social-icons span {padding: 5px; display: inline-block;}
.payment-icons svg {width: 32px;}


/* Module Column In LoadPosition
* When Using Mod CMSE Custom
------------------------------------*/
.cmsecustom .modposition .equal-columns {
	display: flex;
}
.cmsecustom .modposition .equal-columns > div,
.cmsecustom .modposition .equal-columns > ul {
	width: 100%;
}


/* ProtoStar Template
--------------------------*/
/* Columns*/
.maincontent {display: flex; flex-flow: row;}
.maincolumn, .sidecolumn {
	margin: 0 !important;
}



@media all and (max-width: 850px) {
	.cmsecustom .modposition .equal-columns {display: block;}
}


/*-----------[ M E D I A  Q U E R I E S ]---------------------*/
@media (min-width: 300px) and (max-width: 980px) {
	#cmse-grid .item, .mobilereset,
	.break {
		display: block;
		float: none !important;
		width: auto !important;
		clear: both;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		margin-right: 0;
	}
	.box-1180, .media980 {
		padding-left: 20px;
		padding-right: 20px;
	}

	.parallax, .parmask {
		height: auto !important;
		position: static !important;
		background-attachment: local !important;
		background-position: top !important;
		overflow: visible;
		background-size: cover !important;
	}
	
	.tabalign .slidetab {display: block;}
	.masonry-gallery {columns: auto auto;}
}

@media (max-width: 768px) {
	.cmse-grid .postitem {
		width: 50% !important;
	}
}
@media (min-width: 300px) and (max-width: 640px) {
	.cmse-grid .postitem {
		float: none !important;
		width: auto !important;
	}
}







/* Video Player
------------------------------*/
div.vidblock {background: #111111; margin: auto; margin-bottom: 20px;}

.vidwrap {
    position: relative;
    padding-bottom: 54%;
    height: 0;
    overflow: hidden;
    border: 0;
	margin: auto;
}
.vidwrap iframe {
	position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
	display: block;
	margin: auto;
    }


/*---[Playlist]----*/
div#plist {
	max-height: 210px; 
	position: relative; 
	overflow: hidden; 
	margin: 0; 
	padding: 0;
	}

div#plist ul, 
div#plist li {
	margin: 0 !important; 
	padding: 0 !important; 
	border: 0 !important; 
	list-style: none !important; 
	line-height: normal !important;
	}

div#plist ul li {
	box-sizing: border-box;
	float: left;
	width: 33.33%;
	overflow: hidden;
	margin-bottom: 2px !important;
	}

div#plist ul li span.plimg {
	float: left; 
	margin-right: 5px; 
	border: 1px solid #333333; 
	padding: 1px;
	height: 56px; 
	overflow: hidden; 
	display: block; 
	}
div#plist ul li img {
	width: 100px; 
	height: auto; 
	border: 0 !important;
	padding: 0 !important;
	display: inline !important;
	}
div#plist ul li a {
	text-decoration: none; 
	height: 60px;
	display: block; 
	background: #222222;
	color: #aaaaaa; 
	padding: 4px;
	margin: 0 1px;
	overflow: hidden; 
	font-size: 11px; 
	font-weight: 100;
	font-family: Arial;
	line-height: normal;
	}
div#plist li a:hover, 
div#plist .currentvideo { background: #444444; }

/*add class when container is sized below 800px*/
.vidblock.pl-bottom div#plist,
.vidblock.pl-bottom .vidwrap.playlistvid {
	width: auto;
	max-width: none;
	float: none;
}

/*---[ Add overlay mask to block link click on some videos ]------*/
.vidoverlay {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 50px;
	z-index: 1;
	display: block;
	}
span.playicon {
	display: inline-block;
	padding: 3px 12px;
	color: #ffcc00;
	background: #333333;
	margin: -5px 0 0 0;
	font-size: 10px;
	}

/*---[ PERFECT SCROLLBAR CSS ]---*/
.ps-container .ps-scrollbar-x-rail {
    position: absolute; /* please don't change 'position' */
    bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x-rail */
    height: 8px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    opacity: 0;
    filter: alpha(opacity = 0);
    -o-transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
}

.ps-container:hover .ps-scrollbar-x-rail,
.ps-container.hover .ps-scrollbar-x-rail {
    opacity: 0.6;
    filter: alpha(opacity = 60);
}

.ps-container .ps-scrollbar-x-rail:hover,
.ps-container .ps-scrollbar-x-rail.hover {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

.ps-container .ps-scrollbar-x-rail.in-scrolling {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

.ps-container .ps-scrollbar-y-rail {
    position: absolute; /* please don't change 'position' */
    right: 3px; /* there must be 'right' for ps-scrollbar-y-rail */
    width: 8px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    opacity: 0;
    filter: alpha(opacity = 0);
    -o-transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
}

.ps-container:hover .ps-scrollbar-y-rail,
.ps-container.hover .ps-scrollbar-y-rail {
    opacity: 0.6;
    filter: alpha(opacity = 60);
}

.ps-container .ps-scrollbar-y-rail:hover,
.ps-container .ps-scrollbar-y-rail.hover {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

.ps-container .ps-scrollbar-y-rail.in-scrolling {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

.ps-container .ps-scrollbar-x {
    position: absolute; /* please don't change 'position' */
    bottom: 0; /* there must be 'bottom' for ps-scrollbar-x */
    height: 8px;
    background-color: #aaa;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -o-transition: background-color .2s linear;
    -webkit-transition: background-color.2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

.ps-container.ie6 .ps-scrollbar-x {
    font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */
}

.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x,
.ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x {
    background-color: #999;
}

.ps-container .ps-scrollbar-y {
    position: absolute; /* please don't change 'position' */
    right: 0; /* there must be 'right' for ps-scrollbar-y */
    width: 8px;
    background-color: #aaa;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -o-transition: background-color .2s linear;
    -webkit-transition: background-color.2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

.ps-container.ie6 .ps-scrollbar-y {
    font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */
}

.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y,
.ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y {
    background-color: #999;
}

.ps-container.ie .ps-scrollbar-x,
.ps-container.ie .ps-scrollbar-y {
    visibility: hidden;
}

.ps-container.ie:hover .ps-scrollbar-x,
.ps-container.ie:hover .ps-scrollbar-y,
.ps-container.ie.hover .ps-scrollbar-x,
.ps-container.ie.hover .ps-scrollbar-y {
    visibility: visible;
}

.videoad {
	display: block;
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 90px;
	text-align: center;
	bottom: 10%;
	opacity: 0.8;
    filter: alpha(opacity=80);
}
.videoad:hover {
	opacity: 1.0;
    filter: alpha(opacity=100);
}
.videoad img{
	border: 1px solid #666666;
}


@media all and (min-width: 320px) and (max-width : 639px) {

div#plist ul li {
	display: block; 
	width: auto; 
	margin-right: 0;
	float: none;
	}
.videoad {bottom: 20px !important;}
}

@media all and (min-width: 881px) and (max-width : 6000px) {
	div.vidblock {
		overflow: hidden;
		border-radius: 2px;
	}

	.vidblock .playlistvid, 
	.vidblock .ps-container {
		float: left;
	}
	.vidblock .playlistvid {
		width: 70%;
	}
	.vidblock .ps-container {
		width: 30%;
	}
	div#plist {max-height: 440px;}
	div#plist ul li {
		display: block;
		float: none;
		width: auto;
	}
	div#plist ul li a {
		background: rgba(34,34,34,0.8);
	}
	div#plist li a:hover, 
	div#plist .currentvideo {
		background: rgba(68,68,68,0.8);
	}

}





/* Social Share Buttons
--------------------------*/
.rrssb-buttons {
    box-sizing: border-box;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    height: 36px;
    margin: 0;
    padding: 0;
    width: 100%
}

.rrssb-buttons:after {
    clear: both
}

.rrssb-buttons:after,
.rrssb-buttons:before {
    content: ' ';
    display: table
}

.rrssb-buttons li {
    box-sizing: border-box;
    float: left;
    height: 100%;
    line-height: 13px;
    list-style: none;
    margin: 0;
    padding: 0 2px
}

.rrssb-buttons li.rrssb-email a {
    background-color: #0a88ff
}

.rrssb-buttons li.rrssb-email a:hover {
    background-color: #006ed6
}

.rrssb-buttons li.rrssb-facebook a {
    background-color: #306199
}

.rrssb-buttons li.rrssb-facebook a:hover {
    background-color: #244872
}

.rrssb-buttons li.rrssb-tumblr a {
    background-color: #32506d
}

.rrssb-buttons li.rrssb-tumblr a:hover {
    background-color: #22364a
}

.rrssb-buttons li.rrssb-linkedin a {
    background-color: #007bb6
}

.rrssb-buttons li.rrssb-linkedin a:hover {
    background-color: #005983
}

.rrssb-buttons li.rrssb-twitter a {
    background-color: #26c4f1
}

.rrssb-buttons li.rrssb-twitter a:hover {
    background-color: #0eaad6
}

.rrssb-buttons li.rrssb-googleplus a {
    background-color: #e93f2e
}

.rrssb-buttons li.rrssb-googleplus a:hover {
    background-color: #ce2616
}

.rrssb-buttons li.rrssb-youtube a {
    background-color: #df1c31
}

.rrssb-buttons li.rrssb-youtube a:hover {
    background-color: #b21627
}

.rrssb-buttons li.rrssb-reddit a {
    background-color: #8bbbe3
}

.rrssb-buttons li.rrssb-reddit a:hover {
    background-color: #62a3d9
}

.rrssb-buttons li.rrssb-pinterest a {
    background-color: #b81621
}

.rrssb-buttons li.rrssb-pinterest a:hover {
    background-color: #8a1119
}

.rrssb-buttons li.rrssb-pocket a {
    background-color: #ed4054
}

.rrssb-buttons li.rrssb-pocket a:hover {
    background-color: #e4162d
}

.rrssb-buttons li.rrssb-github a {
    background-color: #444
}

.rrssb-buttons li.rrssb-github a:hover {
    background-color: #2b2b2b
}

.rrssb-buttons li.rrssb-instagram a {
    background-color: #125688
}

.rrssb-buttons li.rrssb-instagram a:hover {
    background-color: #0c3a5b
}

.rrssb-buttons li.rrssb-delicious a {
    background-color: #0b79e5
}

.rrssb-buttons li.rrssb-delicious a:hover {
    background-color: #095fb4
}

.rrssb-buttons li.rrssb-vk a {
    background-color: #4d71a9
}

.rrssb-buttons li.rrssb-vk a:hover {
    background-color: #3d5a86
}

.rrssb-buttons li.rrssb-hackernews a {
    background-color: #f60
}

.rrssb-buttons li.rrssb-hackernews a:hover {
    background-color: #cc5200
}

.rrssb-buttons li.rrssb-whatsapp a {
    background-color: #43d854
}

.rrssb-buttons li.rrssb-whatsapp a:hover {
    background-color: #28c039
}

.rrssb-buttons li.rrssb-print a {
    background-color: #8d98a2
}

.rrssb-buttons li.rrssb-print a:hover {
    background-color: #717f8b
}

.rrssb-buttons li a {
    background-color: #ccc;
    box-sizing: border-box;
    display: block;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-weight: 700;
    height: 100%;
    padding: 11px 7px 12px 27px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
    width: 100%
}

.rrssb-buttons li a .rrssb-icon {
    display: block;
    left: 10px;
    padding-top: 9px;
    position: absolute;
    top: 0;
    width: 10%
}

.rrssb-buttons li a .rrssb-icon svg {
    height: 17px;
    width: 17px
}

.rrssb-buttons li a .rrssb-icon svg path {
    fill: #fff
}

.rrssb-buttons li a .rrssb-text {
    color: #fff
}

.rrssb-buttons li a:active {
    box-shadow: inset 1px 3px 15px 0 rgba(22, 0, 0, .25)
}

.rrssb-buttons li.small a {
    padding: 0
}

.rrssb-buttons li.small a .rrssb-icon {
    left: auto;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    top: auto;
    width: 100%
}

.rrssb-buttons li.small a .rrssb-text {
    visibility: hidden
}

.rrssb-buttons.large-format,
.rrssb-buttons.large-format li {
    height: auto
}

.rrssb-buttons.large-format li a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    padding: 8.5% 0 8.5% 12%
}

.rrssb-buttons.large-format li a .rrssb-icon {
    height: 100%;
    left: 7%;
    padding-top: 0;
    width: 12%
}

.rrssb-buttons.large-format li a .rrssb-icon svg {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.rrssb-buttons.large-format li a .rrssb-text {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.rrssb-buttons.small-format {
    padding-top: 5px
}

.rrssb-buttons.small-format li {
    height: 80%;
    padding: 0 1px
}

.rrssb-buttons.small-format li a .rrssb-icon {
    height: 100%;
    padding-top: 0
}

.rrssb-buttons.small-format li a .rrssb-icon svg {
    height: 48%;
    position: relative;
    top: 6px;
    width: 80%
}

.rrssb-buttons.tiny-format {
    height: 22px;
    position: relative
}

.rrssb-buttons.tiny-format li {
    padding-right: 7px
}

.rrssb-buttons.tiny-format li a {
    background-color: transparent;
    padding: 0
}

.rrssb-buttons.tiny-format li a .rrssb-icon svg {
    height: 70%;
    width: 100%
}

.rrssb-buttons.tiny-format li a:active,
.rrssb-buttons.tiny-format li a:hover {
    background-color: transparent
}

.rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon svg path {
    fill: #0a88ff
}

.rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #0054a3
}

.rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon svg path {
    fill: #306199
}

.rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #18304b
}

.rrssb-buttons.tiny-format li.rrssb-tumblr a .rrssb-icon svg path {
    fill: #32506d
}

.rrssb-buttons.tiny-format li.rrssb-tumblr a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #121d27
}

.rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon svg path {
    fill: #007bb6
}

.rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #003650
}

.rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon svg path {
    fill: #26c4f1
}

.rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #0b84a6
}

.rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon svg path {
    fill: #e93f2e
}

.rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #a01e11
}

.rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon svg path {
    fill: #df1c31
}

.rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #84111d
}

.rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon svg path {
    fill: #8bbbe3
}

.rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #398bcf
}

.rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon svg path {
    fill: #b81621
}

.rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #5d0b11
}

.rrssb-buttons.tiny-format li.rrssb-pocket a .rrssb-icon svg path {
    fill: #ed4054
}

.rrssb-buttons.tiny-format li.rrssb-pocket a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #b61124
}

.rrssb-buttons.tiny-format li.rrssb-github a .rrssb-icon svg path {
    fill: #444
}

.rrssb-buttons.tiny-format li.rrssb-github a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #111
}

.rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon svg path {
    fill: #125688
}

.rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #061d2e
}

.rrssb-buttons.tiny-format li.rrssb-delicious a .rrssb-icon svg path {
    fill: #0b79e5
}

.rrssb-buttons.tiny-format li.rrssb-delicious a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #064684
}

.rrssb-buttons.tiny-format li.rrssb-vk a .rrssb-icon svg path {
    fill: #4d71a9
}

.rrssb-buttons.tiny-format li.rrssb-vk a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #2d4263
}

.rrssb-buttons.tiny-format li.rrssb-hackernews a .rrssb-icon svg path {
    fill: #f60
}

.rrssb-buttons.tiny-format li.rrssb-hackernews a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #993d00
}

.rrssb-buttons.tiny-format li.rrssb-whatsapp a .rrssb-icon svg path {
    fill: #43d854
}

.rrssb-buttons.tiny-format li.rrssb-whatsapp a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #1f962d
}

.rrssb-buttons.tiny-format li.rrssb-print a .rrssb-icon svg path {
    fill: #8d98a2
}

.rrssb-buttons.tiny-format li.rrssb-print a .rrssb-icon:hover .rrssb-icon svg path {
    fill: #5a656f
}

.rrssb-buttons li.rrssb-print a .rrssb-icon svg path:nth-child(2) {
    fill: none
}


/* Ken Burns Effect Slider
-----------------------------*/
@-webkit-keyframes right {
  from {
    -webkit-transform: translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    transform: translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -ms-transform: translateX(-4%);
  }
  to {
    -webkit-transform: translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    transform: translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -ms-transform: translateX(4%);
  }
}

@keyframes right {
  from {
    -webkit-transform: translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    transform: translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -ms-transform: translateX(-4%);
  }
  to {
    -webkit-transform: translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    transform: translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -ms-transform: translateX(4%);
  }
}

@-webkit-keyframes left {
  from {
    -webkit-transform: translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    transform: translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -ms-transform: translateX(4%);
  }
  to {
    -webkit-transform: translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    transform: translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -ms-transform: translateX(-4%);
  }
}

@keyframes left {
  from {
    -webkit-transform: translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    transform: translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -ms-transform: translateX(4%);
  }
  to {
    -webkit-transform: translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    transform: translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -ms-transform: translateX(-4%);
  }
}

@-webkit-keyframes down {
  from {
    -webkit-transform: translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    transform: translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -ms-transform: translateY(-4%);
  }
  to {
    -webkit-transform: translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    transform: translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -ms-transform: translateY(4%);
  }
}

@keyframes down {
  from {
    -webkit-transform: translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    transform: translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -ms-transform: translateY(-4%);
  }
  to {
    -webkit-transform: translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    transform: translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -ms-transform: translateY(4%);
  }
}

@-webkit-keyframes up {
  from {
    -webkit-transform: translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    transform: translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -ms-transform: translateY(4%);
  }
  to {
    -webkit-transform: translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    transform: translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -ms-transform: translateY(-4%);
  }
}

@keyframes up {
  from {
    -webkit-transform: translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    transform: translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
    -ms-transform: translateY(4%);
  }
  to {
    -webkit-transform: translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    transform: translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
    -ms-transform: translateY(-4%);
  }
}

@-webkit-keyframes out {
  from {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes out {
  from {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes in {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
  }
}

@keyframes in {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
  }
}

#bg-slides {
  position: absolute;
  width: 1px;
  height: 1px;
  left: -9999px;
}

#bg-slideshow {
  position: absolute;
  overflow: hidden;

  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#bg-slideshow .bg-slide, #bg-slideshow span, #bg-slideshow .static-content {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#bg-slideshow .bg-slide span {
  background-size: cover;
  background-position: center;
}

#bg-slideshow .bg-slide span.animate.right, #bg-slideshow .bg-slide span.animate.left {
  left: calc((-4vw + -4vh + -4%)/3);
  right: calc((-4vw + -4vh + -4%)/3);
}

#bg-slideshow .bg-slide span.animate.up, #bg-slideshow .bg-slide span.animate.down {
  top: calc((-4vw + -4vh + -4%)/3);
  bottom: calc((-4vw + -4vh + -4%)/3);
}

#bg-slideshow span.animate {
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

#bg-slideshow span.animate.right {
  -webkit-animation-name: right;
  animation-name: right;
}

#bg-slideshow span.animate.left {
  -webkit-animation-name: left;
  animation-name: left;
}

#bg-slideshow span.animate.up {
  -webkit-animation-name: up;
  animation-name: up;
}

#bg-slideshow span.animate.down {
  -webkit-animation-name: down;
  animation-name: down;
}

#bg-slideshow span.animate.in {
  -webkit-animation-name: in;
  animation-name: in;
}

#bg-slideshow span.animate.out {
  -webkit-animation-name: out;
  animation-name: out;
}

#bg-slideshow span.animate.paused {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}


.imgfloat.right {
	-webkit-animation: right 10s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: right 10s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.imgfloat.left {
	-webkit-animation: left 10s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: left 10s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}


/*Tooltipster
-----------------------*/
.tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading .4s}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#fff;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px}